発行
Compassが持つCSSスプライト機能をさらに細かく使いこなすmixinについて触れます。また、これまで解説した実装を元に、Retinaディスプレイ用のCSSスプライトを作成しましょう。
アプリケーションの初期化やモジュール化と、その管理を担当するMarionette.Applicationを解説します。Backbone.jsでは各自の書き方で行っている処理も、用意された機能を使って書くことができます。
AngularJSはディレクティブを介してDOMを操作します。今回はDOMを操作するための、独自ディレクティブ定義の仕方のもっとも基本となる部分を解説します。
発行
CompassのCSSスプライト機能は、スプライトマップの幅、高さの自動出力、スプライトマップでの画像の並べ方など、カスタマイズが可能です。カスタマイズの使いどころと合わせて解説します。
第1回目はBackbone.Marionetteはどのようなものか、その特徴や機能を概観します。Backbone.jsを使う際に頻出する機能を補完するライブラリなので、Webアプリ開発の効率が上がります。
AngularJSでアプリケーションのビジネスロジックやデータを定義する方法は複数あります。その方法を整理しながら解説し、さらにそれらの定義方法の使い分けについても解説します。
発行
CompassでCSSスプライトが手軽にできるのをご存知ですか？ この記事ではCompassでCSSスプライトを作成する基礎を解説します。業務で使うものですから、生成の仕組みもおさえておきましょう。
CSS Shapesを使うと、定義した任意の形状に沿わせるようなレイアウトができます。広告などで見かける表現手法です。実装されているブラウザはChromeのみですが、その仕様や実装方法を解説します。
AngularJSでサーバーとの通信を簡単に実装できる$httpサービスと、ngResourceモジュールについて解説しています。$scopeと組み合わせて使うと、通信結果を簡単にページに反映できます。
発行
さまざま処理の実行頻度を抑制するライブラリ、jQuery throttle / debounceを解説します。地味なライブラリですが、その機能を理解すると、さまざまなケースで効果的に使うことができます。
雑誌のようなカラムからカラムへコンテンツが流れるレイアウトを実現するCSS Regionsを解説します。現在、一部のブラウザにしか実装されていませんが、仕様と実装方法を理解することは大切です。
AngularJSで繰り返し処理を行うディレクティブ、ng-repeatを解説します。前回解説したフィルタの仕組みと組み合わせると、さまざまな条件で要素を検索し、ソートをして表示することもできます。