発行
第1回目はFile APIでできることを概観し、File APIとFileReader APIを利用し、ローカルにある画像ファイルを選択して、ブラウザでプレビューを表示するアプリを作ります。
Chromeのデベロッパーツールを例に、ブレークポイントの使い方を解説します。プログラムの任意の行を基準に、処理が進む過程をコントロールしながら、関数の実行や、変数の内容などを検証していくことができます。
CSS SpriteのサンプルSassコードをより簡潔に、効率的に、しかもメンテナンス性を高めるように改善しながら、そのキモとなるMixin機能について解説します。
発行
4月からピクセルグリッドに参加したデザイナーの小原に、これまでのキャリアのこと、これらかのキャリアのことを聞きました。JavaScriptも書けるデザイナー、彼のような複数スキルを持つデザイナーはまだそんなに多くないかもしれません。（構成：編集そとむら）
最終回の第3回目はiframeに潜む危険性と、その対策について解説します。クリックジャッキング攻撃とそれを防ぐ仕様、またiframeの読み込みを読み込み元、読み込み先で制限しつつ安全性を高める方法を紹介します。
第5回では演算機能について解説します。演算の記号（演算子）は、CSSとして別の意味を持つこともあるので、自分の意図通りの出力結果を得られるように、書式に注意する必要があります。
発行
Google I/Oレポート最終回はエンジニアの山田のベストセッション、HTML、CSS、JavaScriptの混在で複雑化するコードを解決するWeb Components関連の話題を中心に紹介します。
第2回目は現在仕様の策定が進んでいるContents Security Policyとその利用について解説します。この設定をすると、XSSを防御できる可能性が高くなります。
Sassの機能の中でもよく使われる変数の使いどころと、利用する際の注意点を解説します。変数を上手に活用すれば、デザインの変更などにより少ない労力で対応できるコードが書けるようになります。
発行
Google I/O 2013のレポート第2回目は、エンジニア小山田がもっとも印象に残ったGPUレンダリングについてのセッションを紹介します。
本シリーズではフロントエンドの開発に関係するセキュリティについて、理解を深めます。第1回目はXSS（クロスサイトスクリプティング）です。実装失敗例を挙げつつ、対策のポイントを解説します。
便利なネスト機能も使い方を誤ると、いくつかの弊害を引き起こします。第3回目は、その注意点と、解決方法の一例を紹介します。