2025年もフォントの日（4/10）がきました！ フォントの日に合わせてAdobe Fontsにもたくさんの日本語フォント・英語フォントが追加されましたが、個人の方のフリーフォントもたくさんリリースされています。 今回は、バリアブルのカラーフォント「Moolong Candle ...

※本ページは、アフィリエイト広告を利用しています。 Amazonで、先週末からKindleセールが開催しています！ 今回のセール ...

2024年のトレンドカラーがPantoneから発表されました。 トレンドカラーは心と体を豊かにするビロードのようなやさしい桃色「ピーチファズ（Peach Fuzz）」、人に寄り添う親切な雰囲気を作り出します。 桃の産毛や ...

※本ページは、アフィリエイト広告を利用しています。 Amazonでビッグセール「スマイルSALE 新生活 Final 2025」が、4/1までの ...

HackerNoonのレトロなデザインにインスパイアされた、24ピクセルのグリッドで設計されたピクセルアイコンを紹介します。 アイコンは1,440個以上あり、一貫性が確保されたかわいいデザインです。Webサイト、アプリ、プロダクトなど、さまざまなプロジェクト ...

CSSのattr()関数は、HTMLの属性に記述した値をCSSで使用できる便利な機能です。たとえば、hrefに記述した値をリンクとして表示したり、titleに記述した値を画像のキャプションとして表示したり、data-でさ ...

Chrome 135で追加された、CSSの新しい機能14個を紹介します。 今回のアップデートで目玉はスクロールオフセットのサポート、レスポンシブな自由形式のシェイプを作成できるshape()関数、インタラクティブなスクロールボタンを作成できる::scroll-button()疑似要素 ...

最近はAIによる便利ツールが増えてきましたね。既存サイトの構造を視覚化し、ヴィジュアルサイトマップを生成できるAIツールを紹介します。 サイトマップを生成するだけでなく、コンテンツもAIで生成できるので、既存サイトの改善 ...

レイアウトは他にも揃っています。 レイアウトのデモ 「Main Layout」の横のボタンをクリックすると、コードが表示されます。 レイアウトのコード Beer CSSのUI要素とコンポーネント Beer CSSにはWebサイトやスマホアプリに使用されるUI要素やコンポーネントが ...

CSS GridやFlexboxで配置するプロパティや値は？ 最初の3つだけを指定するセレクタは？ という「あれは何だっけ？」に役立つのが、チートシートです。 CSS GridやFlexboxの各プロパティ・値でどのように配置されるのか、セレクタやnth-child()やdisplayやposition、VS Code ...