Frontend Weekly Vol.68

Headlines

Buttons in Design Systems by EightShapes LLC

デザインシステムを構築する上で欠かせないコンポーネントのひとつであるボタン。非常にシンプルなコンポーネントであるが、そのパターンの展開や用途を考慮すると深く考えることが多い。デザインシステムを考える上での大きなヒントになる。

Progressive Web Apps with Service Workers

Booking.comにおけるProgressive Web Appのケース・スタディ。この半年ほどよく聞くようになったProgressive Web Appは最近ではケース・スタディが増えてきている。これから始める人におすすめ。

OOUX: A Foundation for Interaction Design by An A List Apart

UXをオブジェクト指向で捉えるOOUXと言うべきアプローチを起点にし、この記事ではそのオブジェクトとインタラクションをどのようにつなげていくべきかについて詳細を解説している。思考が難しいトピックなだけによく知られるオブジェクト指向を持ち込んで整理するのはわかりやすい。

The Way We Build by Airbnb Design

デザイン・スタートアップとしても名を知られるAirbnbが、その名に甘んじることなく、さらなる高みへ向かう過程について紹介。Airbnbではデザインとどう向き合っているのか。デザイン・ランゲージを作成し、システムに生きるデザインを生み出すケーススタディ。

How to Use BEM Methodology by Toptal

BEMのアプローチについて、よく取り上げられる命名についての話に限らず、ファイルストラクチャや、Sassをつかった工夫までを細かく解説している。

All You Need to Know About Web Rendering by Ilya Pestov

リペイントやリフローなどレンダリング・パフォーマンスにおいて欠かす事ができない前提知識について詳しく解説。実践主義に基づいたパフォーマンス最適化についてのアドバイスも秀逸。

Developing UI

UIを開発する上で避けることのできない影響範囲の見えづらさと、激しい変化との戦いについて。意見もアドバイスでもなく、真摯にUIを開発しているAdam Morse氏の心情に共感できる。

Slides/Videos

Front-End Performance: The Dark Side by Dev.Opera

Fronteers Spring ConferenceでのMathias Bynens氏による Front-End Performance: The Dark Side のスライドとセッション動画。

Announcement

Slack for Frontend Weekly (PR)

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

In Brief