gihyo.jp
主な投稿
Yuhei Yasuda
WEB+DB PRESS Vol.133に特集「Tailwind CSS実践入門——まず作ってから、あとで共通化する」を寄稿しました #wdpress
Yuhei Yasuda
マークアップのわかり方
Yuhei Yasuda
宣言的デザイン(翻訳)
Yuhei Yasuda
CSS設計における、すべてがコンポーネントであるという誤謬
社内発表
本文のタイポグラフィとCSS
SHIFTBRAIN note
『Every Layout』に到った背景と思想についての私の解釈
CodeGrid
「Every Layout」をめぐる座談会
Yuhei Yasuda
『Every Layout——モジュラーなレスポンシブデザインを実現するCSS設計論』、素直さという選択 #everylayout_ja
Yuhei Yasuda
垂直方向のマージンにはmargin-topを優先的に使う理由
CodeGrid
Tailwind CSSの設計思想を業務に活かす
yuhei blog
CSSのユーティリティクラスと「関心の分離」——いかにしてユーティリティファーストにたどり着いたか(翻訳)
制作者のためのHTML
シフトブレイン/スタンダードデザインユニット
ページ内リンクの実装から考える、a要素のclickイベントとその振る舞い
プロジェクト
–
sdenv
ウェブサイト(not ウェブアプリケーション)のためのフロントエンド開発スターターキット。
–
wordpress-starter
WordPressテーマ構築のための開発環境。
–
accrefs
ウェブアクセシビリティの参考資料をまとめたサイト。日本語の資料を中心にリンク数は200を超える。サイトのデザインおよび実装に携わる。有志のメンバーにより制作・運営されている。
–
shifted
静的サイト構築のための開発環境。
–
シフトブレイン/スタンダードデザインユニット
自社で所属していたチームのウェブサイト。
–
yuhei blog
過去に更新していた個人ブログ。
最近のブログ
Tailwind CSSにおけるHTMLのコンポーネント化とCSSのコンポーネント化
Tailwind CSSにおいて、スタイルの組み合わせを抽象化したいと考えたとき、対処としてはいくつかの方法が考えられる。
Tailwind CSSで引数のあるMixinのような仕組みを作る方法(改)
以前、「Tailwind CSSで引数のあるMixinのような仕組みを作る方法」というブログを書いた。しかしその後、調査を重ねていくうちに、以前書いたのとは別のアプローチの方が望ましいと考えるようになったため、改めて書き直すことにした。
Object.fromEntriesを活用してArray#reduceを代替する
JavaScriptにおいて、ある配列をもとにして別のオブジェクトを作成する場合、Array#reduceを使用することが多い。