Frontend Weekly Vol.4

Headlines

Product Design Sprint by thoughtbot

Google Venturesが紹介したデザイン・スプリント)というプロセスに一歩踏み込み、かなり細かいガイドラインをthoughtbotがGoogle Venturesより前に公開してくれている。

CSS Reference by Codrops

毎週のように素晴らしいチュートリアルとインスピレーショナルなデモを作っているcodropsチームによるCSSのリファレンス。CSSをこれから学ぶ人も、もうマスターしたという人にもオススメできるとても詳細にわたるリファレンス。

On writing maintainable front-end systems by &yet Blog

メンテナンス性の高いフロントエンドのシステムをデザインするのには、ベストプラクティスやツールではなく、まずはコラボレーションが優先されるべきという提案。

An exploration in Material Design by feedly by Arthur Bodolec

GoogleのMaterial Designをfeedlyアプリに適応したらどうなるのか? Material Designの原則をどのように適応したのか、まで書いてあるので、リデザインを計画している方は必読。

What Is WebRTC and How Does It Work? by Alex Castrounis

今更聞けないWebRTCの基礎。WebRTCとはなにかから、なぜ動作するのかについてまで詳しく解説。

In Other News…

Examples of Animation in Web Design by Nathan Huening

2015年のデザイン・トレンドにアニメーションは間違いなく入るでしょう。この記事では様々なアニメーションの事例とともに、アニメーションがどんな効果をユーザに与えるのかについて言及しています。

Git 2.3 has been released by Michael Haggerty

Gitはアクティブにバージョンアップを重ねていますが、このGitHubのブログでは特徴的な5つの機能追加/改善について詳しく解説。

You’re Missing the Point of Server-Side Rendered JavaScript Apps by Tom Dale

プログレシッブ・エンハンスメントとTom Dale氏はこれまで相性があまりよろしくなかったが、記事にて紹介されたサーバーサイド・レンダリングとクライアントサイド・レンダリングの利点を十分に生かせるアプローチはなかなかいいアイデア。

Animating the Mobile Web by Yelp Product & Engineering Blog

モバイルウェブおけるアニメーション。パフォーマンス・チューニングのケーススタディとして参考になる点が多い記事。

ES6時代のJavaScript by クックパッド開発者ブログ

ECMAScript6の基本的な機能であるClassやFunction Argumentsなどについてコード例とともにわかりやすくまとまっている。

Slides/Videos

React.js Conf 2015

(おそらく)公式初のReact.jsのカンファレンス。全部で20の動画が公開されています。

Stuff About Cascading Style Sheets by Mark Otto and Connor Sears @ CSSConf Oakland 2014

元Twitterであり、現GitHubの2人よるHTML + CSS + JavaScriptを使ったプロトタイプの有用性について。3年ほど前のTwitterのリニューアル、そしてGitHubの細かな機能追加についても言及されています。

In Brief