Frontend Weekly Vol.11

Headlines

A Beginner’s Guide to Creating a README by The Changelog

READMEに必要な5つの要素。プロジェクトが何をするものなのか、どうセットアップするのか、どうやって使うのか、健康状態は?、そしてどうやって貢献するのか。
オープンソースはもちろんのこと、社内のプロジェクトでも実践するべき。

SVG Animations Using CSS and Snap.svg by David Walsh

Snap.svgライブラリを利用したSVGアニメーションに関するチュートリアル。CSSアニメーションだけでは難しそうな3つのイラストアニメーションをどのように作るのか詳しく解説している。

Precise control over responsive typography by MadebyMike

レスポンシブ・Webデザインにおいての頭痛のタネであるフォントサイズ。この問題に対して、存在を忘れがちなvwとcalc()を使ったアプローチを紹介。

That’s so fetch! by JakeArchibald.com

何かと話題のFetch APIについてGoogleのJake Archibald氏が詳しく解説。

関連リンク: Ain’t that fetch! by Web Reflection / Jakeの記事に対する反論もある。

GV Guide to Design Critique by Google Ventures

デザインに対してどうフィードバックを返すべきか?
よりよいプロダクトを作るために必要なアプローチ。デザインだけではなく、他でも当てはまる。

In Other News…

Offline is not just another mobile feature by BetaNews

モバイルにおいてオフラインが重要な機能となる理由について、短いながらも核心を突いた記事。

Animation Principles for the Web by CSS Animation

Disneyのアニメーション12の原則をCSSで表現。どうやるのかだけではなくて、なぜそうするのかについても。

A primer for building Single-Page Applications with React by Mike Chau

React.jsでシングルページアプリケーションを制作するために知っておきたいこと。(未完)

Mobile App Onboarding: How To Do It Right by Usability Geek

リテンションをあげるために必要なのは第一印象。その第一印象をよりよいものにするために知っておきたいアプローチについて。

A Baseline for Front-End (JS) Developers: 2015 by Rebecca Murphey

2015年版フロントエンド開発者のベースライン。
ES6について、新しいビルドツールについて、テストについてなど。

関連リンク: 同じ著者による2012年版の記事と、その日本語訳

Slides/Videos

ウェブパフォーマンスの基礎とこれから by Hiroshi Kawada

パフォーマンス改善をするにあたって知っておきたい基本と今後について。

In Brief