Frontend Weekly Vol.102

お知らせ: 新年のFrontend Weelyは1/8の発行からとなります。

Content & Display Patterns by Dan Mall

コンテントとディスプレイパターンについて

UIをデザインする上で理解しておきたいパターンやコンポーネント。数多くの著名サイトを手がけてきたDan Mall氏による、コンテント・パターンというアプローチについて。実際にそのアプローチを用いて作成したページのケーススタディ。

On Classification in Design Systems by EightShapes

デザイン・システムにおける分類

システム全体をデザインする上で欠かすことができない命名。共通の単語をチームで持つ事はとても大切なことながら、いつだって命名は難しい。そんなシステムの命名のこれまでと現状をまとめた良記事。

Being A Developer After 40 by Free Code Camp

40才現役デベロッパの軌跡

40才を超えてデベロッパでありつづけること。とても長い記事ながら、デベロッパとして現役を貫くために、今から始めるべきよい習慣などについて、説得力のある言葉で書かれている。

CSS Architecture for Design Systems by Brad Frost

デザイン・システムのためのCSSアーキテクチャ

より大きな規模、より柔軟で、強固な設計。CSSのアーキテクチャは常にそこに向かっている。Atomic Designの提唱者であるBrad Frost氏による直近のアーキテクチャとは、について紹介。

How to Level up as a Developer by Free Code Camp

デベロッパとしての成長戦略

どうやってデベロッパとしてスキルアップしていくのか? 技術的な点だけではなく、チームで働くために知っておきたいことなど、多くの示唆が含まれている記事。かなり長い記事ではあるが読んでおいて損はしない。

Large Scale CSS Refactoring at trivago by trivago techblog

大規模サイトのCSSリファクタリング

巨大な規模感のCSSにおけるリファクタリングのプロセスについて。アーキテクチャの例はもちろんのこと、どうやってリファクタリングを進めたのかについて細かく紹介してくれている。ありそうであまり見かけないケーススタディ。

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

オブジェクト指向UX

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

CSS Inheritance, The Cascade And Global Scope: Your New Old Worst Best Friends by Smashing Magazine

CSSの継承を上手く活用する方法

CSSの”C”は最古の機能の1つであり、最近では邪魔者扱いされてしまっている部分。Heydon Pickering氏はその流れを踏まえながらも、継承を上手く利用する方法について、丁寧に解説している。

Dirty Tricks From The Dark Corners Of Front-End by Vitaly Friedman

Smashing MagazineのVitaly Friedman氏による、フロントエンドエンジニアのためのトリック集。かなりの大作。多くの『工夫』が紹介されているので、困ったときのリファレンスに。

Design Reviews: Going beyond the surface by Google Design

見た目だけではないデザイン・レビューの仕方について

Announcement

Slack for Frontend Weekly (PR)

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