Frontend Weekly Vol.9

Headlines

Advancing JavaScript without breaking the web by Christian Heilmann

Christian Heilmann氏による、Webを破壊することなくJavaScriptをさせる方法についての講演に関する動画、スライド、そして解説と贅沢な内容の記事。

The Idea Person by Julie Zhuo

アイデアを生み出すこと/人よりも、それを形にする技術や能力、努力ができる人が本来は賞賛されるべき。

React Is A Terrible Idea by Panda Strike

Reactというフレームワークの上でしか成り立たないイノベーションではなく、その努力をWeb全体へ貢献するべきではないか、という記事。
反論は多くあったが、納得できる点もあるのでぜひ。

Immutable CSS by Harry Roberts

JavaScript界隈でもよく目にするようになった『Immutable』という概念をCSSでも導入してみる。命名規則をベースにツールを作れば何とかなるかも?

Building a Circular Navigation with CSS Transforms SVG

丸いナビゲーションをSVGで出力するツールをリリースしたSara Soueidan氏による、なぜSVGを選んだのか、そしてツールについて詳しい解説。

In Other News…

Can CSS Be Too Modular? by Harry Roberts

Harry Robertsがもっともよく聞かれる質問。CSSのモジュールは小さすぎるということはあるのか?に対する詳細に渡る回答。

Designing Navigation On Mobile: Prototyping With Keynote

Keynoteを使ってモバイル・サイトのナビゲーションをプロトタイプする。アニメーションも使えるし、何かと便利なのでKeynoteでのプロトタイプはおすすめ。

Lines in the Sand by Aaron Gustafson

すべてのブラウザでまったく同じ機能や見た目である必要は無い。レガシーなブラウザへの対応を考える際に、コアとなる機能が何かを知る必要がある。

Design Principles: Insights Not Analytics by Inside Intercom

新しい機能を追加する、または既存の機能をエンハンスする際にどうやってデータを参考にするのかについて詳しく解説。

ARIA in HTML

HTMLでARIAを使うための仕様。
一覧性も高くてリファレンスとして便利そう。

I’m Chris Coyier, creator of CSS-Tricks / co-founder of CodePen / podcaster on ShopTalk. Ask Me Anything! - Designer News

CSS TricksやCode Penで有名なChris Coyier氏のAsk Me Anything.
彼の優しさがにじみ出る素晴らしい回答たちは必見。

#perfmatters

[翻訳] フロントエンド開発者のためのHTTP2

スプライト、ファイル結合、ドメイン・シャーディングなどのパフォーマンスにおける『ベスト・プラクティス』はHTTP2では反対に悪影響をおよぼしてしまう。
プロダクションでHTTP2の導入はまだ先。と思っている方も今のうちから知っておくべきことがよくまとまっている。

原文: HTTP2 for front-end web developers by Matt Wilcox

Journal—Inlining critical CSS for first-time visits by Adactio

久しぶりのJeremy Keith氏による実務的な記事。
最初に訪れたユーザだけにCritical CSSをインライン化する方法について詳しく解説している。

What your site costs users by TimKadlec.com

パフォーマンスというトピックには必須でセットであるべき指標。 その指標に実際にどのくらいネットワークへの接続コストがかかるのか、というのは非常にわかりやすくてビジネスにも近い。

Slides/Videos

Babel: Beyond the Basics // Speaker Deck

Babelの作者であるSebastian McKenzie氏によるBabelの中上級者向け機能の解説。

In Brief