発行
ピクセルグリッドはフロントエンドに特化した会社です。この記事では、特化の意味を掘り下げて考えてみます。特化は会社のみならず、個人のキャリアを考える上でも有益です。
おそらく使ったことのない人はいないcolorプロパティ。仕様の特徴を押さえ、プロパティの値として変数のように使えるcurretColorと併せて使うと、メンテナンス性の高いコードを書くことができます。
Node.jsのモジュールシステムとnpm（Node Package Manager）というパッケージ管理システムについて解説します。機能ごとにファイルを分割し、呼び出して利用する仕組みを理解します。
発行
「Webでは文字が軽視されがち！？」。そんな刺激的な話題から始まる最終回は、流行りのフラットデザインでの読みやすさも飛び出して進んでいきます。対談でたどり着いた「読みやすさ」とは。
JavaScriptで書けるため、フロントエンド開発との親和性が高いNode.jsは、CoffeeScriptやGruntなど最近の開発ツールにも使われています。まずは、Node.jsのインストールなど基本から解説します。
.triggerHandler()とカスタムイベントについて解説します。メソッドの特徴や使いどころを併せて理解しましょう。最後には解説した実装を一通り利用したコードを紹介します。
発行
対談はWebの特性から、日本語の文字、英語の文字の特性の違いによって「読みやすさ」がどう変化するかという話題に。文字の特性を活かしたレイアウトとは？ 話は深まっていきます。
SVGの基本の番外編として、SVGデータを3Dにデータに変換し、WebGLを利用した実装に持ち込む方法を解説します。このような手法も引き出しのひとつとして持っておくのもいいかと思います。
Drag & Drop API（DnD）を使った要素の移動やコピー、またブラウザ外からのドロップに対する処理の実装について解説します。ユーザーの操作に対するフィードバックをどう実装するかも重要です。
発行
サイトのコンテンツを「読んでもらう」には、その読みやすさを考えていく必要があります。でも「読みやすさ」とは、一体何か。アートディレクター、エンジニアの立場から語ってもらいました。
前回解説したパスセグメントの機能を活用して、異なる2つのパス間のモーフィングの実装をどのように行うのか解説します。また、パスセグメントの作り方のコツも紹介します。
Drag & Drop API実装の基礎を解説します。直接ファイルをドラッグ＆ドロップしてアップロードしたり、ページ内の要素を入れ替えたりできるので、UIに寄与する機能が多いのが特徴です。