Frontend Weekly Vol.22

Headlines

I Have No Idea What The Hell I Am Doing by Brad Frost

開発者であっても、デザイナーであっても、それが著名なBrad Frost氏であっても、確定していない未来に対して、何が正しくて何が正しくないのかはわからない。
未来志向を身につけるべく知っておきたい考え方が詰まった記事。

Is ReactJS faster than AngularJS? by Boris Dinkevich

React.jsとAngular.jsはパフォーマンス的にどちらが速いのか?
React.jsのほうが速いとよくいわれるけれど、本当のところはどうなのか。 注目するべきは、どちらが速いのかへの答えだけではない。

Web Caching Basics: Terminology, HTTP Headers, and Caching Strategies by DigitalOcean

いまさら聞けないWebキャッシュに関する基本。用語やHTTPのヘッダ、キャッシュにおける戦略など。

The State of SVG Animation by Sara Soueidan

SVGにおけるアニメーションの現状。
SMILを利用するケース、CSSを利用するケース、JavaScriptを利用するケースと実例とコードサンプルを交えて詳しく解説。

JavaScript With Dragons: Learning filter() Method In Depth by Pooria Atarzadeh

JavaScriptのfilterメソッドについての詳細とfilterメソッドを使ったカスタマイズの作り方について。

Designing For Animation by Smashing Magazine

いうまでもなく、アニメーションも「デザイン」するべき領域だ。そのアニメーションをデザインするにあたり気をつけておきたいポイントについて。

Nicole Sullivan & Mark Otto talk Front End by Jina Bolton

6/3に開催されたThe Mixinにて登壇したNicole Sullivan氏とMark Otto氏によるプレゼンのイラスト・ノート付き解説。

Slides/Videos

A Primer on Performance by Una Kravets

フロントエンド開発者が実行するべきパフォーマンス最適化について様々なトピックをまとめて紹介している素晴らしいスライド。これから学ぶ人にも、チェックリストにも使える。

Style Guide Best Practices by Brad Frost

スタイルガイドのエバンジェリスト的な立場であるBrad Frost氏による、250枚を超える力作ベストプラクティス。リファレンスとして保存しておくべし。

Improving Web Fonts Performance by Vitaly Friedman

日本語ではまだまだこれからな、Webフォントまわりのパフォーマンス改善について。Vitaly Friedman氏(Smashing Magazineの編集長)のスライドはわかりやすくて、いつもハイクオリティ。

Prototyping with Framer by Noah Levin

Framerを使ったプロトタイプ手法について。実際にFramerを使ったデモもスライドにあるので是非。

In Brief