Yuhei Yasuda

安田 祐平

フロントエンドウェブ開発者。HTMLやWAI-ARIA、CSS設計、レスポンシブデザイン、Jamstack、シングルページアプリケーション、アクセシビリティ、インターフェースデザインが関心領域。

監訳を担当した書籍『Every Layout——モジュラーなレスポンシブデザインを実現するCSS設計論』がオンライン書店などで発売中

主な投稿

  1. gihyo.jp

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

  2. Yuhei Yasuda

    WEB+DB PRESS Vol.133に特集「Tailwind CSS実践入門——まず作ってから、あとで共通化する」を寄稿しました #wdpress

  3. Yuhei Yasuda

    マークアップのわかり方

  4. Yuhei Yasuda

    宣言的デザイン(翻訳)

  5. Yuhei Yasuda

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

  6. 社内発表

    本文のタイポグラフィとCSS

  7. SHIFTBRAIN note

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

  8. CodeGrid

    「Every Layout」をめぐる座談会

  9. Yuhei Yasuda

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

  10. Yuhei Yasuda

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

  11. CodeGrid

    Tailwind CSSの設計思想を業務に活かす

  12. yuhei blog

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

  13. CA11Y #1 〜アクセシビリティはじめて物語〜

    制作者のためのHTML

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

    ページ内リンクの実装から考える、a要素のclickイベントとその振る舞い

プロジェクト

  1. sdenv

    ウェブサイト構築のためのベストプラクティスに基づいて構成された、Astro、Tailwind CSS、Alpine.jsを中心とした開発環境。

  2. wordpress-starter

    WordPressテーマ構築のための開発環境。

  3. accrefs

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

  4. shifted

    静的サイト構築のための開発環境。

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

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

  6. yuhei blog

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

最近のブログ

  1. タイプスケールがハマらないとはどういうことか

  2. 任意の要素に対してブラウザデフォルトのフォーカスリングを適用する方法

  3. CSSファイルに記述されたクラスをTailwind CSS IntelliSenseで検出できるようにする