Vol.329
The State Of Mobile First and Desktop First - Ahmad Shadeed Jump to heading
モバイルが先かデスクトップが先か Jump to heading
Ahmad氏はモバイルファーストとデスクトップファーストどちらのアプローチを実装するかについてTwitterで調査した。その結果は、両者にそれほど大きな差が見られなかった。また、両方を組み合わせるという手法を採用しているという意見も多かった。この記事では、モバイルファースト、デスクトップファーストの意味を解説しながら、最新のCSSを使用することで、メディアクエリを使用せずにレスポンシブレイアウトを実装できることを解説する。この最新の手法を適用させていくことで、モバイル、デスクトップどちらからデザインをしていくかということについてそれほど重要では無くなっていると話す。
Overview of the RenderingNG architecture - Chrome Developers Jump to heading
次世代レンダリングエンジンのアーキテクチャ Jump to heading
Blinkにおけるレンダリングのエンジニアリングリーダーを務めるChris氏がRenderingNGと呼ばれるアーキテクチャについて詳細に解説する。Chromiumでのレンダリングがどのように行われているかがとても詳細に解説されている。最も重要なポイントとして、コンポーネントごとに並列プロセスとスレッドに分割され、パフォーマンスと拡張性を最大化していると強調している
gridless.design Jump to heading
グリッド以前のデザイン Jump to heading
CSS Gridがどのように問題を解決しているかを説明するために、グリッドが扱えるようになる以前に遡り、Web上のデザインはどのような歴史を経てきたのかを辿っていく。
Should we stick to old patterns or sacrifice consistency? Jump to heading
レガシーシステムを改修する際には、一貫性を守るために古いやり方を続けるか、新しいやり方を採用し一貫性を保つのを諦めるか、という選択が迫られる。この記事ではこの選択肢に対してどのように考えるべきかを紹介している。案として、新しいやり方を採用するが、チームの基準を明確にするというやり方をおすすめしている。
Towards richer colors on the Web Jump to heading
WebブラウザでRGBよりも多彩な色を表現する仕様について詳しく解説する。
In Brief Jump to heading
HTTP Caching Tests: ブラウザ、WebサーバーのHTTPのキャッシュに関わる仕様をまとめている
Refactoring CSS: Strategy Regression Testing And Maintenance (Part 2): CSSのリファクタリングのテクニックについて、特にリグレッションテストについて
Netcat - All you need to know: ネットワーク接続を介してデータを読み書きするnetcatというツールの消化
One-offs and low-expectations with Safari: Safari特有の問題についてリスト化する
The Best Regex Trick: 正規表現の様々なテクニックを紹介する