Frontend Weekly Vol.66

Headlines

A faster FT.com by Engine Room

Financial Timesで進められているリニューアルプロジェクトにて、ページの読み込み速度がユーザーにどのような影響を与えるのか実際にテストを行った。こういった実際のテスト結果を目の当たりにできるのは非常にありがたい。

Review your code by Rafael Pinheiro

コードレビューのプロセスがあることはもちろん大切だが、自分が書いたモノを自分でレビューすること、そしてリファクタリングすることはもっと大切。実際のリファクタリングのプロセスも詳細で参考になる。

CSS custom properties (native variables) In-Depth

CSS custom properties (CSSの変数)について、非常に詳細にわたる解説。CSSプリプロセッサにおける変数とシンタックス以外にも差異があるので、基本をしっかり押さえておきたい。

A Complete Guide to Grid by CSS-Tricks

CSS Grid Layoutはまだプロダクションで利用できるレベルのブラウザサポート状況ではないものの、flexboxを超える自由度の高い、本当の意味でのグリッドを形成するスタイルシートにおける重要な試金石。そのCSS Grid Layoutについて詳しく解説。

Building a lever by Signal v. Noise

規模の大小で違いはあれど、自分がやりたいことをやるのはなかなか難しいもの。そんな際にはどういう戦略でその理想に近づいていくべきなのか。テコの原理を上手く使って、理想への一歩を踏み出すべき。

Webpack — The Confusing Parts by rajaraodv

便利さと複雑さは表裏一体。Webpackはまさにその言葉を証明するかのような存在。この記事ではそのWebpackの複雑な部分を詳しく解説してくれている。基本から応用までカバーしてあるので、迷ったら見かえせるリファレンスとしても活用できそう。

Building the UI for the new The Times website by The Startup

The Times誌のリニューアルプロジェクトについてのまとめ。単純な技術やデザインのふり返りに止まらず、コラボレーションやQAについてまで触れていている。リニューアルではなくても参考にできる部分は多いのでぜひ。

Announcement

Slack for Frontend Weekly (PR)

Frontend Weeklyの『実験的』Slackコミュニティに興味がある方は、こちらから招待をリクエストしてください。 週次で50人くらいずつ招待をして行くつもりです。

In Brief