見出し画像

Frontend Weekly for Designer Vol.8

Webタイポグラフィのベスト・プラクティス

Webにおけるタイポグラフィはややこしい。この記事ではWebサイトを目的ごと分類、それぞれに求められるタイポグラフィの要件を整理し、実際のWebサイトでの実装例をあげている。 それらのケースを踏まえて、考えられるプラクティスや相対単位のアプローチの罠、主題である8の倍数でのスケールについて解説。

フロントエンドデベロッパーの頭の中を覗いてみる

あるUIデザインから様々なスキルや技術を駆使してブラウザ上で表現すること。フロントエンドデベロッパの日常ではあるが、その日常を1つのUIをコード化するという例を使って切り取って紹介。

色のコントラストとアクセシビリティ

Contrast という色のコントラストをチェックするMacアプリを開発しているチームが作成したWCAG 2.0のスペックに対するガイドを作成。
分かりやすく端的に必要なことについてまとめている。

デザインプロセスにおける視点

デザインを産み出す際にどうしても近視眼的にディテールへ目が言ってしまうことはある。それ自体は決して悪ではないし、そうなるモードがあるからこそ、もっと高い視点からデザインを見ることも可能になる。

コンポーネント・デザイン・ガイドライン

Nathan Curtisによるデザイン・システムドキュメントのガイドライン、デザイン編。シリーズものなので、過去の回もぜひ。

なぜManifoldは“8pt grid”を選んだのか

最近よく目にする“8pt grid”。この記事ではなぜManifoldは“8pt grid”を利用することにしたのかについて紹介。

* * *

今週号より隔週での発行となります。次は7/19の予定です。

Frontend Weekly for Designer Edition by Frontend Weekly
Cover Photo by Amador Loureiro on Unsplash

この記事が気に入ったら、サポートをしてみませんか?気軽にクリエイターを支援できます。

note.user.nickname || note.user.urlname

明日の元気の素になります。

14
株式会社サイバーエージェント Webのエンジニアだけどデザインのこと考えています。 OSS: FLOCSS http://github.com/hiloki/flocss 著書: Web制作者のためのCSS設計の教科書 http://amzn.to/2hJcQVX
コメントを投稿するには、 ログイン または 会員登録 をする必要があります。