発行
最終回はCSSの持つ一見複雑な詳細度を、実際の実装の中でどのようにコントロールするか、またどんなことに気をつけているのか、筆者の体験をもとに解説します。
引き続き、さまざまな表示オブジェクトを紹介します。背景用途で使えそうな表示オブジェクトや、メッシュ状や線上の頂点を操作することで画像を揺らす表示オブジェクトを見てみましょう。
ビルドする際にはwebpackやgulpがよく使われますが、単純なものならnpm scriptsでも行えます。本記事ではその方法と、npm scriptsで少し複雑な処理をする上で便利なライブラリを併せて紹介します。
発行
Chromeのストレージ機能であるchrome.storageを利用し、ユーザーが直前に選択したセレクトボックスの値を保存しておき、それを初期値として利用できるようにしていきます。
マニフェストファイルに設定するアイコンの仕様と設定方法を考えます。ブラウザの仕様や、スマートフォンのOSの仕様などを踏まえ、適切な表示になるような方法を探りましょう。
シリーズ最終となる今回は、CircleCIの管理画面をより便利に使いこなす方法を紹介します。ビルドしたファイルをダウンロードしたり、トラブル時に再実行したりできます。
発行
セレクターには詳細度というものがあります。ひとつの要素に対して複数のCSS宣言がなされた場合、詳細度を計算して、適用するCSSが定められます。この記事では詳細度について解説します。
PixiJSでは、スプライト以外にもさまざまな表示オブジェクトが用意されています。アニメーションや線や円、矩形、テキストなどを表現してみましょう。
画像を使う場所によって、いくつかのサイズやファイル形式を用意したり、加工を行うのは面倒なものです。1つのファイルから手軽に画像を加工・変換できる画像配信CDN、imgixを紹介します。
発行
問題を解決すべく、さまざまなWebの技術が登場します。その分、どの技術がその制作物にとってよいものであるのか、メリット、デメリットを考えながら適用していく。当たり前だけれど、そのことが一層大切になってくるのかもしれません。
これまでの回で基本的なコア機能は一通り解説を終えました。最終回はモジュール、プラグイン、ミドルウェアの3つの機能拡張の形式を取り挙げます。
ピクセルグリッドのエンジニアやデザイナーによる、ブックレビューです。コード作成からデザイン関連、仕事の効率化まで、さまざまなジャンルの本を紹介します。年初から何か本でも読んで勉強を始めてみようと思われている方もどうそご参考に。