Yuhei Yasuda

CSSのブレイクポイントとサイズを引数に指定するとclamp()に変換できるPostCSSプラグイン。

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

指定したファイルに基づいて別のファイルを生成できるコードジェネレータ。

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

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

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

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

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

CSSのtext-wrapプロパティを使うと、テキストの行の折り返し方法を変更できる。text-wrap: balanceを適用すると、適用しない場合と比べて次のように変化する。

Storybookにおいて、Reactコンポーネントを使ったstoryを作成する際、単なるボタンのようなシンプルなコンポーネントであればcomponentプロパティに指定するだけで良い。

CSSのdisplay: noneやvisibility: hiddenによって不可視状態になっている要素を、表示して即座にフォーカスしたいということがある。たとえば、初期状態では非表示になっている検索ボックスを、ユーザーのインタラクションに応じて表示するような場合。そうしたとき、通常では、スタイルを切り替えてすぐにfocusメソッドを呼び出すだけで良い。