date | title | description |
---|---|---|
2015-04-01 |
Frontend Weekly Vol.11 |
READMEの作法、Snap.svg、レスポンシブタイポグラフィ、ほか計18リンク |
READMEに必要な5つの要素。プロジェクトが何をするものなのか、どうセットアップするのか、どうやって使うのか、健康状態は?、そしてどうやって貢献するのか。
オープンソースはもちろんのこと、社内のプロジェクトでも実践するべき。
Snap.svgライブラリを利用したSVGアニメーションに関するチュートリアル。CSSアニメーションだけでは難しそうな3つのイラストアニメーションをどのように作るのか詳しく解説している。
レスポンシブ・Webデザインにおいての頭痛のタネであるフォントサイズ。この問題に対して、存在を忘れがちなvwとcalc()を使ったアプローチを紹介。
何かと話題のFetch APIについてGoogleのJake Archibald氏が詳しく解説。
関連リンク: Ain’t that fetch! by Web Reflection / Jakeの記事に対する反論もある。
デザインに対してどうフィードバックを返すべきか?
よりよいプロダクトを作るために必要なアプローチ。デザインだけではなく、他でも当てはまる。
モバイルにおいてオフラインが重要な機能となる理由について、短いながらも核心を突いた記事。
Disneyのアニメーション12の原則をCSSで表現。どうやるのかだけではなくて、なぜそうするのかについても。
React.jsでシングルページアプリケーションを制作するために知っておきたいこと。(未完)
リテンションをあげるために必要なのは第一印象。その第一印象をよりよいものにするために知っておきたいアプローチについて。
2015年版フロントエンド開発者のベースライン。
ES6について、新しいビルドツールについて、テストについてなど。
関連リンク: 同じ著者による2012年版の記事と、その日本語訳。
パフォーマンス改善をするにあたって知っておきたい基本と今後について。
-
Primer by GitHub: GitHubのCSSツールキット & ガイドライン。
-
sanitize.css by Jonathan Neal: reset.css + normalize.cssのようなアプローチのCSS。
-
Epic Favicon Generator by BCCO: Faviconを生成してくれるWebツール。20ものサイズに対応。
-
The Noun Project for Mac: 多くのグリフアイコンを提供しているNoun ProjectがMacアプリをリリース。
-
Loaders.css by Connor Atherton: パフォーマンスを勘案したCSSのみのローディング。デモ
-
Package Quality by Alex Fernández: (現時点ではnpmのみ)Node.jsのパッケージのクオリティを算出してくれるツール。
-
bazel.io by Google: Google社で使われているビルドツール。Java製。