Frontend Weekly Vol.86

Headlines

Using Feature Queries in CSS by Mozilla Hacks

@supportsの使いどころ

[email protected][email protected]うに使うべきなのかについても解説。

font-display for the Masses by CSS-Tricks

font-displayでできるようになること

カスタムフォントを利用する際のよく知られる問題点である、Flash of Invisible Text(FOIT)。font-displayはフォントが読み込まれる間、文字が見えない状態を解決する新しいプロパティ。まだ実装されているブラウザ多くはないが、使いどころと使い方について知っておいて損はないだろう。

Six Patterns for Modeling Concepts by EightShapes LLC

コンセプトを可視化する6つのパターン

プログラミングにおいても、デザインにおいても、解決するべき問題を見つけ出し、解決の提案をするのが本質。その本質を叶えるためには複雑さをシンプルに可視化することは大切な技術の1つ。この記事ではコンセプトを可視化するために知っておきたい6つのパターンについて解説している。

Typography is impossible by Medium Engineering

タイポグラフィは不可能だ

書体の選び方、ではなく、タイポグラフィに関わるバーティカルリズムなど書体以外の部分についていかに難しい問題であるかを解説。内容は英語におけるタイポグラフィについて書かせているが、参考になる点はもちろん多いのでぜひ。

When to Use the Web Animations API

Web Animations APIを使うタイミング

Firefoxがバージョン48でWeb Animations APIの実装をリリース。Chrome、Operaに続いて3つ目のブラウザとなった。
言うまでもなくCSSを使ったアニメーションが存在する中で、どうしてまたJavaScriptでのアニメーション実装が必要なのか。そんな疑問に答える。

How To Use WebPageTest and its API by CSS-Tricks

WebPageTestと関連APIの使い方

パフォーマンス評価におけるデファクトスタンダードであるWebPageTest。この記事ではそのWebPageTestがどんな機能を持っているのか、結果をどう読み解くのか、そして自動化のために欠かせないAPIについても解説している。

Announcement

Slack for Frontend Weekly (PR)

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

In Brief