Hello.

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

Latest Blog Posts

#767676

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

CSS コンポーネント試案

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

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

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

和欧混植の条件分岐

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

Srcset and sizes の日本語訳

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

selector-replace() の利用

Sass の次期リリース、3.4.0 で使えるようになる selector-replace() 関数の利用例を考える。

MathSass v0.9.3

Sass の数学関数ライブラリ、MathSass をアップデート。Ruby gem 化され、SassMeister でもサポートされるようになった。

アイコンの実装方法

ウェブページでのアイコンの実装方法について、ラベルとなるテキストが付随するかどうかを軸に考察。とくに、レスポンシブ・デザインで問題の生じる可能性を指摘し、それを回避する JavaScript による実装を提示。

More Blog Posts

Latest Projects