Frontend Weekly Vol.105

Headlines

Color in UI Design: A (Practical) Framework

UIデザインにおける実践的なカラーフレームワーク

デザインにおいて色はベーシックな要素でありながら、その理論は簡単に理解できるものではない。記事ではより実践的にUIにフォーカスをおいた色に関する考え方、そのアプローチについて解説。

The Web Designer’s Guide to Perfecting Web Typography

デザイナーのためのWebタイポグラフィー

タイポグラフィー・ファーストというアプローチを提唱し、その基礎であるタイポグラフィーに関するかなり細かな内容について、章立てをしながら詳解していく。

A Dao of Product Design by An A List Apart Article

プロダクトデザインへの道

プロダクトをデザインすること、それがどうユーザの心理に、あるいは感情に作用するのか。どんな問題があり、制限があり、それをどう解決していくか。プロダクトデザインへの道の説く記事。

Writing HTML with accessibility in mind – A List Apart Sidebar

アクセシビリティを考慮してHTMLを書く

言うまでもなくHTMLはアクセシビリティを支える基礎。そのHTMLを書く際に知っておきたいアクセシビリティについてのコツ。基本的なことかも知れないが大切なこと。

Styled-Components: Enforcing Best Practices In Component-Based Systems by Smashing Magazine

コンポーネントなシステムにおけるベストプラクティスを実現するStyled-Components

コンポーネント、という概念でHTMLをCSSを、そしてJavaScriptをカプセル化する。そのアプローチを実現するために様々な(特にCSS)手法が開発されてきた。その最新であるStyled-Componentsについて解説。

Modernizing our Progressive Enhancement Delivery by Filament Group

Filament Groupの最新サイト構築手法

非常に優れたサイトを構築することで知られる少数精鋭Filament Groupによる、HTTP/2やService Workerを活用した新しいサイト構築手法について実例を踏まえて解説。

Understanding Flexbox: Everything you need to know

Flexbox詳解

これからFlexboxを採用しようと考えている方は、まずこの記事を一読してほしい。かなり長い解説なので、リファレンスとしてはA Complete Guide to Flexbox by CSS-Tricksには劣るかも知れないが、解説の詳しさはこちらが上。

Announcement

Slack for Frontend Weekly (PR)

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

In Brief