aspect-ratio Design Div 所属フロントエンドエンジニアの上垣です。 この記事では、css の aspect-ratio プロパティを使って、要素のアスペクト比を指定する方法を紹介します。 padding hack width が可変の要素に、特定の割合で高さを与える(=アスペクト比…

css accent-color Design Div 所属のフロントエンドエンジニア 上垣 です。 チェックボックスやラジオボタンなどのフォーム要素を、ブラウザのデフォルトスタイルをリセットしてゼロから作るのは、やってみると意外と考慮することが多くてなかなか大変ですよ…

この記事はGoodpatch Advent Calendar の8日目の記事です。 Design Div 所属フロントエンドエンジニアの上垣です。 ソフトウェア開発において、依存するパッケージ/ライブラリを最新に保つことは非常に重要です。 なぜなら、パッケージ/ライブラリのアップデ…

Design Div 所属フロントエンドエンジニアの上垣です。 Twitter などで目にされた方もいると思いますが、2021年9月1日に、Goodpatchは10周年を迎えました！そして同日に、10周年記念サイトもリリースしました！ goodpatch.com Goodpatch 10周年プロジェクト…

Design Division 所属 Webフロントエンドエンジニアの 上垣 です。 普段の業務ではデザイナーと協力して、良いデザインでクライアントのビジネスを前進させるために、ひたすら Webフロントエンドの実装をしています。 一方で、Goodpatch のエンジニアグルー…