Frontend Weekly Vol.45

Headlines

How Our CSS Framework Helps Enforce Accessibility by eBay Tech Blog

CSSフレームワークそのものにアクセシビリティを向上させる『制限』を組み込む。HTMLとCSSが持つ依存関係を上手く利用し、規模の大きなサイトでも、アクセシビリティ・ファーストを実践するアイデア。

Misused mobile UX patterns by Zoltan Kollin

インターフェイスのパターンは決して数多くはない。モバイルならでは、であれば尚更。それでもモバイルにおいてそれらのパターンを間違って利用しているケースは多い。記事ではよくある間違いについて解説している。

Functional Programming By Example

JavaScriptを使ったFunctionalなプログラミングの例。同じ問題に対して、オブジェクト指向と関数型で実装していく。それぞれの違いを認識すると、理解はしやすいのでは?

Kill .apply With The …Spread Operator

ES2015で追加されたSpread Operatorを使って、Function.prototype.applyを排除するアプローチ。

How to maintain product UX consistency? — Hunting for UX design truffles by Hannah Chen

プロダクトのUXを考えるうえで非常に大切な「一貫性」、それを保つためにどうすればよいか。Brad Frost氏のAtomic DesignをUIコンポーネント設計の軸に、Sketchとプラグインを使ってパターンライブラリを作っていく工程を解説。

Why you should want to be a user experience developer

フロントエンド・デベロッパを名乗るのではなく、ユーザエクスペリエンス・デベロッパと名乗ろう。自分をどうカテゴライズするかは『壁』を超える第一歩。なぜそうあるべきかについても書いてあるので、ぜひ。

Slides/Videos

SPAN 2015 NYC by Google Design

Googleのデザインチームによる、ニューヨークで開催されたデザインと技術に関するSPANというイベントの全ビデオ。

Critical JavaScript Path by Jonathan Fielding

Critical Rendering Pathの最適化、必要な分だけのCSSを読み込むテクニックだけではなく、インタラクションの多くを担うJavaScriptにも同じ概念を持ち込むべきだという意見。Critical Rendering Pathについての基礎から、Critical JavaScript Pathを実装するのを手助けするソースについて紹介している。

Google Accelerated Mobile Pages by Andre Marcelo-Tanner

Google主導のAMPプロジェクトに関するサマリー。ざっくりと内容をおさらいするのに丁度良い資料。実際にAMP化したソースコードも紹介されている。

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