Experts.jp日本に、もっとエキスパートを。DevelopersCSSやJavaScriptのファイルサイズをいかに減らす事ができるか。それにともなう自動化処理などのセットアップ。それらの努力を無駄だとは思わないが、ウェブページ内の画像ファイルの割合は増加の一方で、CSSやJavaScriptのファイルサイズと比べても3倍以上画像のほうが大きい。McAnlis氏が公開した本記事は、画像の圧縮に関して知るべきことの多くを網羅している。単純にツールを使いましょう、というだけではなく、画像フォーマットの選択、クオリティとファイルサイズの関係、マルチデバイス対応における画像利用の戦略などについて細かく解説している。Koch氏によるmodern.IEのレビュー記事。Koch氏は非常に詳細なJavaScriptやCSSのブラウザ対応表を更新し続けている人。Microsoft社からスポンサーを受けている記事にも関わらず、非常に公平なレビューとなっており、氏はmodern.IEのライセンス処理が面倒、Windowsのアップデートにあわせて仮想環境もアップデートするべき、JavaScriptのエラーメッセージはデフォルトで有効にしておくべき、仮想環境のサイズをもう少し小さくできないか、など改善案も出している。アイコンのスタイルは如実に変更されている。Johnson氏はこの変更は、ユーザの認知能力を疲弊させるとした記事を公開。Kholmatova氏は、「UIアイコンの認識を早めるために必要な最適化はアイコンのデザインスタイルではない」と反論している。この記事も、Johnson氏の記事も、そもそもUIにおけるアイコンの存在意義や、その認識について再度考えさせられるすばらしい記事なので、合わせて読んでほしい。Elementテーブルタグを使ったレイアウトをしていたのは、いまや昔になっているといっていいだろう。そんな中、テーブルタグの存在意義である表形式のデータの表示という使い方も忘れてしまいがちだ。Coyier氏による記事では、見た目の定義のないベーシックなテーブル例から、theadやtbody、そしてtfoot、trやtdの使い方について、テーブルのスタイルや、colspan、rowspanの使い方など非常に細かく、CodePenを使った実働例とスニペットを合わせて紹介している。45%のパフォーマンス改善。11ではGPUを利用して行い、結果、最高45%のパフォーマンスを向上できたという紹介記事。記事は単純な結果の共有にとどまらず、そもそもJPGがどのようにエンコードされるのか、そしてよりGPUを使ったデコードを効率的にするために採用した手法についても、詳しく解説している。4からFirefoxに搭載されている、ビルトインの開発者ツールに関する解説をするシリーズ第1回目(全5回予定)。Debuggerの2つについて紹介、それぞれ2分程度の動画もあって非常に分かりやすい。BenchHTML5ゲームを制作するにあたって欠かすことができないのがベンチマーク。Potatoesを使ったベンチマークの取り方について解説。Page氏はrequestAnimationFrameを利用したツール、fastdomを作って公開。記事では、ツール制作の裏側について解説している。DevToolsそろそろCanvasを使い始めているというサイトやサービスも増えてきたタイミングだろう。Inspectionについて、セットアップから利用法まで詳しく解説しているのでぜひチェックしてほしい。ComponentsのPolyfillであるPolymerを利用して、実際に動作するカスタムチェックボックスの作り方を解説。実際に動作するデモと詳細にわたるスニペット、そして自身が体験した失敗談と回避方法について詳しく説明している。Aestheticsアクセシビリティはサイトの見た目が悪い、ターゲットユーザとは違うので、利益にならない、などアクセシビリティに関する多くの『都市伝説』を丁寧に解き明かしていく。アクセシビリティに関するすべてを学べるわけではないが、入り口や突破口としてすばらしい記事。simplifiedGitのコンセプトをシンプルにダイアグラムを利用しながら分かりやすく解説している。PickやRebaseについてなどについて広く触れている。Chrome開発ツールから、about:tracing、V8のログツールについて解説している。West氏が発表したフロントエンド・セキュリティについての動画、スライド、そしてトランスクリプト。海外で話題の“ツール”nodeschool.ioコマンドライン上でリアリスティックな問題を解決しながらNode.jsについて学べるユニークなスタイルのレッスンサイト。非同期I/OとHTTP』、『.pipe()を使ってstreamのインタフェースを構成』そして、『入門LevelDB』の3つの授業が用意されている。HTTPFlies数あるHTTPステータスコード(このサイトによると52!)を美しい蝶に例えて紹介しているサイト。サイトそのものもすばらしいが、制作の裏側について書かれたこちらも合わせてどうぞ。Inspiration300以上のパーツに分割された、手書き風のベクターシェイプを集約したワイヤフレーム用UIキット。Photoshopで利用が可能で無料。アイデアを形にし、テストをし多くの失敗を重ねることが、インタラクション/プロダクトデザインの正解への近道。Bootstrapから始まった、フロントエンド・UIツールキットと呼ばれる類いのツールは今や百科絢爛。どちらが優れているか、ではなく、どちらのアプローチにもそれぞれの理由があるので、ソースコードリーディングをして見てほしい。Policyで利用するヘッダ生成ツール。7のリリースに伴い変更のあったアプリアイコンのデザイン。実際にApple公式アプリの角丸は単純なものではなく、正確に同じ角丸を再現するのはなかなか面倒だ。この記事は、そのツールでどのように公式アプリの角丸の再現性を高めたかについて解説している。★次回の「斉藤祐也の海外WEBテク定点観測」から月次更新に変更して、11月5日にお届け予定です。