Frontend Weekly Vol.85

Headlines

Flexible typography with CSS locks by The Typekit Blog

フレキシブルなタイポグラフィを作るCSS Locks

フレキシブルなタイポグラフィのために、font-sizeにフォーカスしたテクニックは見かけるようになったが、本記事ではline-heightをどのようにコントロールするかを解説している。calcとem/vw単位を組み合わせた実例も紹介。

Rules of Thumb for HTTP/2 Push

HTTP/2 Pushを採用する際に知っておきたいこと

Tom Bergan氏, Simon Pelchat氏, Michael Buettner氏の3名によるHTTP/2 Pushに関する詳細なレポート。とても長いが参考になることばかり。ドキュメントの最初にある5つのサマリーポイントは必読。

Understanding Information Architecture by Prototyping: From UX to Front End

情報設計(IA)について

初心者のための情報設計。そもそもIAとは何をするのか、何のためにするのかなど基本的な部分について確りと解説。短くまとめてある。

Writing Less Damn Code by Heydon

可能な限りコードを書かないという選択

実装を複雑化するのは非常に簡単。もし”シンプル”が強固な設計の基礎にあるのであれば、彼のアドバイスは最もな話だ。この記事では少ないコードでも成し遂げられるいくつかの技について実コードを踏まえて紹介している。

Let’s look at some of the security at Github

GitHubにおけるセキュリティ対策事例

セキュリティ対策の技に関して定評のあるGitHub。そんなGitHubで使われているアプローチの5つについて、どんな方法なのかを解説。

Anatomy of a Pattern in a Pattern Library by Brad Frost

パターンライブラリにおける”パターン”

パターンライブラリのエバンジェリスト急先鋒のBrad Frost氏による、パターンライブラリのパターンについて。この手のUIライブラリ系においては無くてはならないパターン達を紹介している。

Offline Storage for Progressive Web Apps by Dev Channel

PWAで利用できるオフライン・ストレージ

Addy Osmani氏によるオフライン・ストレージに関する便利なリソース集とアドバイス。彼のアドバイスを要約すると、URLでアクセス可能なリソースにはCache API、それ以外にはIndexedDBを利用するのがよい。だそう。

Announcement

Slack for Frontend Weekly (PR)

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

In Brief