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

Latest Posts

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

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

和欧混植の条件分岐

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

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 による実装を提示。

グラデーションとテキスト・シャドウによるリンクの下線

リンクの下線をグラデーションの背景とテキスト・シャドウで表現する手法について。

文書の先頭へのリンク

ページ内リンクで top フラグメント識別子を指定すると文書の先頭へのリンクになる、という仕様について。