Frontend Weekly Vol.17

Headlines

Milliseconds Matter Modern JavaScript libraries: the isomorphic way

ややレガシーなアーキテクトだった自社サービスを、モダンでisomorphicに変化させていくために実践した様々な事について。悩ましいテストのことや、APIデザイン変更など細かい部分まで詳しく紹介。

The Many Faces of The Web by Viljami Salminen

何のためにアクセシビリティを向上させるのか。あるいは、なぜプログレッシブ・エンハンスメントが存在するのか。パフォーマンスの向上は? Webというメディアに関わるすべての人に。

An Introduction To Graphical Effects in CSS by Adobe Dreamweaver Team Blog

CSSブレンドモードとフィルターの登場により、表現言語としての役割をより強めていくCSS。その新しい時代のCSSの機能を実例付きで詳しく解説。

Mike Monteiro: Don’t make your clients happy – make them successful by inUse Experience

クライアント・ワークをしているデザイナはもちろん、自社サービスのデザインを手がける人も読んでおくべきMike Monteiro氏による、デザイナがおかしてしまいがちな7つの失敗。

Form Inputs: The Browser Support Issue You Didn’t Know You Had by Smashing Magazine

HTML5で追加されたFormに関する新しい属性とその属性で可能になるネイティブUIに関するまとめと、まだまだ多く潜在する問題点に関する提言。

In Other News…

CSS解析ツールStyleStatsがリニューアル!

t32k氏が開発しているStyleStatsのWebアプリケーションがリニューアルした。JSONデータのダウンロード、パイチャートなどレポーティング機能が充実。今後もテスト結果比較や検索など機能を拡充していく予定だ。解析したデータが貯まれば、それに基づくCSSのトレンドレポートも出すそうなので、是非皆も使ってみてほしい。

Beautiful Code by Design by Zurb

ソースコードにもデザインの原則を当てはめることで読みやすさを生み出すことができる。こういう見方も確かにできるなと、新しい視点を与えてくれる良記事。

A Complete Guide to SVG Fallbacks by CSS-Tricks

今年はSVGの時代がくると言われているが、SVGが利用できない環境に対してどう対応するかはSVGに関する知識と同じくらい大切。 記事のタイトルに偽りなく、SVGのフォールバックに関する手法に関する完全保存版の記事になっている。

20 Snippets for Things You Never Thought were Possible with CSS

CSSだけで実現できてしまう20の表現。現実的に参考になりそうなものから、技術的に面白いものまでCodePenを使って表示例とともに紹介。

Why is there so many bad user interfaces in the world?

どうして使いづらいUIがこの世にはたくさんあるのだろうか? 記事ではその根源的とも言える疑問に対して、6つの具体的な原因を紹介している。

Slides/Videos

Falling in Love with Forms by Aaron Gustafson

デザイナーにとっても、フロントエンド開発者にとっても避けることのできないForm。そのFormをよりアクセシブルにかつ、使いやすくするために知っておきたいテクニック満載のスライド。

Design Consistency for the Responsive Web: HOW WE DEFINE AND DELIVER by Patty Toland

Filament GroupのPatty Toland氏によるレスポンシブWebにおけるデザインの一貫性についてのスライド。プログレッシブ・エンハンスメントやパフォーマンスに関する話題も。
195枚の力作。

CSS Performance Tuning by Jakub Pawlowicz

CleanCSSの作者であるJakub Pawlowicz氏による、CSSにおけるパフォーマンスチューニング。CleanCSSの新バージョンが便利になっていて驚いた。

In Brief