yuheiy

コンテンツに自律的に適応するレイアウトとコンポジション、アップデートされたレイアウトプリミティブ

レスポンシブデザインの「間」を適切に設計するためのフルイドタイポグラフィとグリッドシステムの考え方——キャンバスインからコンテンツアウトへ

アクセシビリティ学習の手引きとしての入門講座

なぜ僕はデザイナーの作ったデザインを「見づらい」と感じてしまうのか

日本語におけるtext-wrapプロパティの運用

Tailwind CSS実践入門——まず作ってから、あとで共通化する

マークアップのわかり方

横並びになったボタンを同じ幅で配置するCSS

宣言的デザイン（翻訳）

CSS設計における、すべてがコンポーネントであるという誤謬

『Every Layout』に到った背景と思想についての私の解釈

『Every Layout——モジュラーなレスポンシブデザインを実現するCSS設計論』、素直さという選択 #everylayout_ja

垂直方向のマージンにはmargin-topを優先的に使う理由

CSSのユーティリティクラスと「関心の分離」——いかにしてユーティリティファーストにたどり着いたか（翻訳）

制作者のためのHTML

sdenv

ウェブサイト（not ウェブアプリケーション）のためのフロントエンド開発スターターキット。

accrefs

ウェブアクセシビリティの参考資料をまとめたサイト。日本語の資料を中心にリンク数は200を超える。サイトのデザインおよび実装に携わる。有志のメンバーにより制作・運営されている。

シフトブレイン／スタンダードデザインユニット

自社で所属していたチームのウェブサイト。

yuhei blog

過去に更新していた個人ブログ。

コンテンツに自律的に適応するレイアウトとコンポジション、アップデートされたレイアウトプリミティブ

「ウェブはデフォルトでレスポンシブ」とかねてより言われている。それを妨げるようなスタイリングをしないかぎり、ウェブページのレイアウトはブラウザの表示幅に合わせて自動的に調整される。

レスポンシブデザインの「間」を適切に設計するためのフルイドタイポグラフィとグリッドシステムの考え方——キャンバスインからコンテンツアウトへ

「PLAID Designer’s Advent Calendar 2025」の1日目の記事です。

iframe要素の中身のコンテンツに応じて属性を自動設定できるAstroコンポーネントを作る

前回のブログを作成するにあたって、デモページをいくつも用意する必要があった。これまではCodePenで作成したものを埋め込んで表示していたが、ソースコードがブログと別の場所で管理されていることが煩わしかったので、代わりにデモページを同サイトに配置してiframe要素から読み込んで表示することにした。