Hello.

I’m Takeru Suzuki, a web designer and front-end developer.

Latest Blog Posts

input 要素の line-height

input { line-height: normal !important; } という、長年にわたって製作者を悩ませてきた Firefox の UA スタイルシートが、ついに修正された。

ペンケース

ペンケース買った。

游と Merriweather

このサイトのフォントを游書体と Merriweather の組み合わせに変えました。

#767676

前景色 #767676 は、背景色が #ffffff のとき WCAG 2.0 の達成基準「最低限のコントラスト (レベル AA)」を満たすもっとも明るいグレー。覚えておくと便利。

CSS コンポーネント試案

CSS のコンポーネント設計についての試案。data-component などの属性を利用して名前の衝突を防ぎ、かつマークアップや CSS セレクターをシンプルに保つのが狙い。

擬似要素を利用したベースライン・グリッド

擬似要素を利用してテキストをベースライン・グリッドに揃える方法。

和欧混植の条件分岐

ウェブフォントを利用して、ユーザーのローカル環境にインストールされている和文フォントを検出し、その結果に応じて欧文フォントを組み合わせる手法について。

Srcset and sizes の日本語訳

レスポンシブ画像の新しいアプローチである srcset と sizes 属性の入門記事 ‘Srcset and sizes’ を日本語に翻訳し、「srcset と sizes」として公開しました。

More Blog Posts

Latest Projects