そのCSSの書き方は古すぎる！ モダンCSSとTailwinds CSSでどのように記述するのかが分かる -modern.css
Post on:2026年4月2日
CSSのさまざまな古い書き方をモダンCSSやTailwinds CSSでどう書くのか教えてくれるサイトを紹介します。
要素を中央配置するCSSをはじめ、スクロールバーの出現によるレイアウトシフトを防ぐCSS、HEX値やrgb()値より鮮やかなoklch()による色設定、JavaScriptを使わずにアニメーションで高さを変更するCSSなど、よく使用するCSSのテクニックが満載です。
Amazonで新生活セールFinalが開催！ 私が購入して本当によかったもの、見逃しがちなお買い得品を紹介します
Post on:2026年4月1日
※本ページは、アフィリエイト広告を利用しています。
Amazonでビッグセール「新生活セールFinal」が開催です！
このセールでは特に生活用品が数多く対象になっており、通常のセールよりもかなり安くなって、Finalだけあって非常にお買い得です。
セール期間は来週の月曜日、4/6まで。
見逃しがちなお買い得品、今回のセールで私が実際に購入したものを紹介します。ブラックフライデーやプライムデーより安くなっているものもあります！
CSSのデバッグやスキルアップに役立つ！ グラデーションや背景など複雑に記述されたCSSを読みやすくし、デバッグ・編集できる無料ツール -bg.layers
Post on:2026年3月31日
CSSで装飾したテキストやボタンのデバッグは、各プロパティやその値もそれほど複雑なCSSではないので簡単です。
下記のようにレイヤーが重なったグラデーションのデバッグはどうでしょうか。CSSもかなり複雑で、コードを見ただけでデバッグするのはかなり難しいと思います。そんな複雑なCSSでも簡単にデバッグ・編集できる無料ツールを紹介します。
KIndle本 春の特大セール第2弾が開催！ Web制作、UIデザイン、イラスト・創作に役立つ資料や辞典の良書がお買い得です
Post on:2026年3月30日
※本ページは、アフィリエイト広告を利用しています。
KIndle本 春の特大セール第2弾が開催です！
Webや紙のデザイン、HTML/CSSなどWeb制作の解説書、同人誌・絵師さん向けのイラストの良書がたくさんセール対象になっています！
セール期間は、4/6（月）まで。
スクロールバーを見ると分かると思いますが、かなりの数がセール対象になっています。対象のKindle本は最安値（当方調べ）、セール初登場もあり、貴重なこの機会をお見逃しないように。
入門書だけど、かなり実践的で詳しい！ 進化したFigmaの使い方がよく分かる解説書 -Figmaのきほん 改訂版
Post on:2026年3月27日
※本ページは、アフィリエイト広告を利用しています。
UIデザインにおいて、もはやFigmaは必要不可欠なツールになっています。
Figmaをこれから初めて使用する人、なんとなく使ってるけどきちんと使い方を学びたい人向けに、WebサイトやスマホアプリのUIをデザインする際にFigmaを効率的に使用する方法がよく分かる解説書を紹介します。
また最近では、Figmaも進化が早く、AI系の機能もかなり充実しており、新機能をまだ試していないという人にもお勧めです！
CSSのlight-dark()関数が画像もサポート！ これでライトテーマとダークテーマの対応がさらに簡単になります
Post on:2026年3月26日
Webサイトをライトテーマとダークテーマ対応にするには、CSSのlight-dark()関数を使用すると今までより簡単に実装できます。
これまではlight-dark()関数はカラー値（<color>）のみしかサポートしていませんでしたが、画像ファイル（<image>）もサポートされ、ロゴ画像や背景画像などをライトテーマとダークテーマで切り替えることができるようになります。
More Easy Light-Dark Mode Switching
by Bramus!
商用利用OKの無料版もあるぞ！ レトロな雰囲気がかわいい、極太の日本語フォント「鳩とブリキのワンダランド」
Post on:2026年3月25日
「はんなり明朝」「こころ明朝体」「こども丸ゴシック」などのフリーフォント、最近では「ビルと谷間と高架下」「そばとうどん」などをリリースしているTyping Artさんから、新作の日本語フォント「鳩とブリキのワンダランド」がリリースされました！
無料版と有料版があり、無料版はひらがな・カタカナ・英数記号文字に漢字の「鳩」、有料版はさらに漢字（2,000文字）が収録されています。
UIに使用する色のコントラストをAIで検証、基準を満たしていないときはデザインに合った代替色を提案してくれる無料ツール
Post on:2026年3月24日
AIを使用して前景色と背景色のコントラスト、WCAG 2.1および2.2のAA/AAA基準を満たすアクセシブルな色の組み合わせをテストし、さらにその組み合わせに合った色で基準に満たした色も提案してくれる無料ツールを紹介します。
チェックしてくれるツールはこれまでにもありましたが、デザインを損なうことなく代替となる色をAIで提案してくれるツールは、これが初だと思います。
