Frontend Weekly Vol.119

Headlines

It’s Time To Start Using CSS Custom Properties by Smashing Magazine

CSSカスタムプロパティ詳解

ついにCSSカスタムプロパティがすべてのメジャーなモダンブラウザで利用できるようになった。それを受けて、改めてCSSカスタムプロパティとは何か? Sassなどの変数とは何が違うのか、実際にどう活用するのかについて詳しく解説。

Information Architecture. The Most Important Part of Design You’re Probably Overlooking.

デザインにおいて最重要なのは情報設計である

そもそも情報設計とはなにかという基礎から、実例を用いて、情報設計がなぜ重要なのかについて、解説。 コンパクトな記事なのにわかりやすくまとまっている。

Why performance is the best way to improve the user experience

ユーザ体験を向上させるためになぜパフォーマンスが優れた方法なのか?

これまでにも何度となく目にしてきた話ではあるが、さすがのPaul Boag氏、非常に簡潔にわかりやすく、デザイナの視点からパフォーマンスとUXの関係についてまとめている。

The web looks like shit by The Outline

Webと広告

インターネットを使うことがこんなにも難しいことであってはならない。 広告はどうにかして我々の意識化に入ろうとし、酷い広告は我々の操作すら邪魔をする。どうしてこうなってしまったのか。現状を冷静に分析し、よりよい状況へ向けての警鐘を鳴らす。

Between the Lines by CSS-Tricks

CSSをつかったリニア・インターポレーションとその使いどころ

CSSでcalcとビューポートユニットを使ってリニア・インターポレーション(線形補間)を行う。メディアクエリを使って毎回値を設定するのではなく、ユーザーのビューポートに合わせて、ブラウザに値を計算させる。

Journey to Highly Effective and Maintainable CSS Media Queries

メディアクエリのメンテナンス性を高めるための道のり

メディアクエリの存在はCSSをさらにややこしくしてくれる。メディアクエリはどう管理するべきなのかについて、詳しく解説。記事下の6つのチェックリストだけでも読んでほしい。

Me and SVG by Amelia Bellamy-Royds

SVGと過ごした3年半で学んだこと

Amelia Bellamy-Royds氏が3年半を費やしSVGに取り組み、O’Reilly本の著者になり、W3CのInvited Expertにまでなった道のりと結果。 SVGを扱う人なら彼女のストーリーを読むべき。

Announcement

Slack for Frontend Weekly (PR)

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

In Brief