Frontend Weekly Vol.46

Headlines

Progressive Web Apps: ready for primetime by Bruce Lawson

Webをいわゆる(ネイティブ)アプリのように進化させていくことを提唱しているProgressive Web Appsについて。どうすればアプリらしくなるか、それをどのように実現していくかの手段についても。

Visual Regression Testing with PhantomCSS by CSS-Tricks

カスケーディングされるリスクが常にあるCSSだからこそ、どのように描画されるかテストすることが重要。PhantomCSSを使ったビジュアルリグレッションテストが一通り手ほどきされている。

Tips for Creating and Exporting Better SVGs for the Web by Sara Soueidan

SVGのスペシャリストであるSara Soueidan氏による適切なSVGの作成とエクスポート方法について。Illustratorをつかった具体的な解説があり、デザイナーにも読んでもらいたい記事。

The Cost of Frameworks by Paul Lewis

JavaScriptのフレームワークを使うことのコスト。特にモバイルおいてそのコストは甚大だ。利用することの利点はもちろんあれど、どんなリスクがあるのかについて知っておくことは大切。

関連リンク:

Why You Need to Refactor Your CSS by Sparkbox

どれほど完璧な設計のCSSであろうと、確実に変化していくWebの中でいつか必ず必要になるリファクタリング。何をリファクタするべきか、Sass 3.4以降の機能がサポートしてくれることなどについて解説。

What I’ve Learned Designing Small Things at Facebook by Jasmine Friedl

小さなことでも確実に。ユーザから求められるプロダクトをデザインするために、Facebookのデザイナー達が実践していること。

Animated SVG vs GIF [CAGEMATCH] by Sara Soueidan

良さが見直され注目度が高まっているSVGだが、馴染みのGIFと比較してどのように優れているかを解説した記事。色や拡縮、アニメーション、拡張性などにも触れている。

Slides/Videos

Chrome DevTools Deep-dive by Addy Osmani

ここ最近のChrome DevToolsのアップデートについて。新たなDevice Modeをはじめ、多くの機能が変更・追加されているのでチェックしておきたい。

Chrome Dev Summit 2015 by Google

Chrome Dev Summit 2015の講演動画リスト。全25本で見応えあり。

The Future of CSS by Tab Atkins

Tab Atkins氏によるCSS Houdiniについてのスライド。Custom Propertiesなど、各仕様の実装案とともに解説。

Announcement

Slack for Frontend Weekly

Frontend Weeklyの『実験的』Slackコミュニティに興味がある方は、こちらから招待をリクエストしてください。 週次で50人くらいずつ招待をして行くつもりです。

Remixing Vol.3 with オールアバウト and LIG

2015–12–05(土)12:30 - 17:30 @ オールアバウト デザイン、フロントエンド、サーバーサイド、インフラなど様々なトピックについて。RichMedia、 オールアバウト、LIGの3社合同イベント

In Brief