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

Hiroki Tani

Frontend Weekly for Designer

国内・海外のフロントエンド関連情報を厳選し毎週お届けしている「Frontend Weekly」のデザイナー向け記事をセレクトした「For Designer Edition」をはじめます。 Design系の記事だけでなく、Webフロントエンド全般の記事を読みたい方はFron...
1つのマガジンに含まれています
コメントを投稿するには、 ログイン または 会員登録 をする必要があります。