Frontend Weekly Vol.89

Headlines

When Card UI Design Doesn’t Work

カードUIを採用するべきなのか?

もはや必須のUIコンポーネントの1つともいえるカードUI。その便利で、どこででも見かけるカードUIの使いどころはどこなのか? メディア系のサイトのリデザインをケーススタディに様々な評価をした結果を余すこと無く提供している良記事。

10 golden rules for responsive SVGs by Creative Bloq

レスポンシブなSVGにおける10のルール

アイコンフォントの代わりにSVGを利用するケースも増えてきているが、レスポンシブなサイトにおいてSVGを作る際、また利用する際に覚えておくべき10のルールについて。

How to do Web Accessibility QA: Part 1 by Viget

アクセシビリティに関するQAチェックの仕方

アクセシビリティに関する話題も増えてきているし、実際にワークフローに組み込んでいる現場も多いことだろう。この記事では『なんとなく』アクセシビリティではなく、アクセシビリティのQAチェックをしっかりと行うための方法について、2回に分けて紹介している。

パート2はこちらから

The Colors of the Web

Webで利用されている色について

訪問数の多いサイトから10のサイトを選び、そのサイトで利用されている色を抜き出し可視化。ただ、それだけでは終わらず、色のデータをどう変換したかの実装についても紹介さている。

Designers Guide to Web Performance Optimization by Jon Yablonski

デザイナのためのパフォーマンス最適化ガイド

パフォーマンスがサービスにおける重要指標に影響を与えるのはもはや言及するまでもないだろう。では、そのパフォーマンス改善はどこからスタートするべきなのか。デザイナが考えるべき最適化の知識についてかなり細かく紹介している。

Functional Animation In UX Design: What Makes a Good Transition?

機能的アニメーションにおけるよいトランジションとは?

機能的アニメーションとは明確で論理的な目的を持つ、目立たないアニメーション。UIにおいて勘案するべきそんなアニメーションをデザインするための要となる6つの特徴について紹介。

What, Exactly, Makes Something A Progressive Web App? by Infrequently Noted

何をもってPWAとするべきか?

Progressive Web Appはまだまだ新しい領域といえる。そもそも何を持ってしてPWAはPWAとカテゴライズされるのか。PWAの旗手であるGoogleのAlex Russell氏による、PWAの定義とはなにか?

Slides

革命と秩序とSPA by joe_re

freee社で自社サービス構築に使用されていたBackbone.js、独自フレームワークからReact.js + Flux + flowtype に至るまでを簡潔にまとめたスライド。それぞれで起こった問題点などが分かりやすい。

Announcement

Slack for Frontend Weekly (PR)

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

In Brief