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

Latest Posts

selector-replace() の利用

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

MathSass v0.9.3

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

アイコンの実装方法

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

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

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

文書の先頭へのリンク

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

Cargo Cult CSS の日本語訳

昨今の CSS フレームワークのあり方をかなり厳しく批判する記事、“Cargo Cult CSS” を日本語に翻訳して公開しました。

Bed: Expanded Edition

ファイヴ・サーティ (Five Thirty) が 1991 年にリリースした唯一のアルバム、“Bed” のエクスパンデッド・エディションが出たけど、出来がひどい。

横に水平線のあるテキスト

おもに見出しなどで見かける、テキストの左右 (またはそのどちらか) に水平線を配置したスタイル。これを CSS で実現する方法を考えてみました。とくに flexbox を利用したパターンがいかに優れているかについて。