雑記-RoughDiary HAPPY NEW YEAR 2025 - 今年も3D人-3dnchu-をよろし... 2025-01-02 皆さま新年あけましておめでとうございます。 いつもサイトをチェックしていただき、ありがとうございます。 本年もどうぞよろしくお願いいたします。 続きを読む
雑記-RoughDiary HAPPY NEW YEAR 2025 - 今年も3D人-3dnchu-をよろし... 2025-01-02 皆さま新年あけましておめでとうございます。 いつもサイトをチェックしていただき、ありがとうございます。 本年もどうぞよろしくお願いいたします。 続きを読む
この記事はLIFULL Advent Calendar 2022の14日目です。 フロントエンドエンジニアのえびです。好きな寿司ネタはえんがわです🍣 普段は LIFULL HOME'S の賃貸領域の開発を行っています。 最近、実業務で tailwindcss を使うことが増えました。 命名やCSSファイルとの往復もせずに HTML にガリガリスタイルを当てていけるので非常に効率が良いのですが、状態に応じたスタイルを当てるのにやや苦労していました。 しかし、 アクセシビリティ(a11y) を意識すると快適なスタイリング・堅牢なマークアップが両立できます。 この記事では状態に応じたスタイリング手法を紹介しつつ、アクセシビリティを意識した tailwind modifier をご紹介できればと思います。 状態に応じたスタイリング(modifier) コーディングを進める上で、インタラクティブな
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く