サイト構築
UIデザイン用のアクセシブルなカラーパレットを自動生成するツール -Accessible Color Palette Generator
Post on:2025年4月23日
UIデザイン用のカラーパレットを作成するのは、簡単そうに思うかもしれません。しかし、アクセシビリティの要件を満たし、ブランドのアイデンティティやスケールのバランスが取れたカラーパレットを作成するには手間と時間がかかります […]
ブックマークしておくと便利！ よく見かけるUIコンポーネントやUI要素を実装するCSSのまとめ -CSSnippets
Post on:2025年4月17日
Webサイトやスマホアプリでよく見かけるボタンやカード、フォーム、ローディングなど、UIコンポーネントやUI要素を実装するCSSのコード、Tailwind CSSのコード、さらにはReactのコードをまとめたCSSnip […]
CSSの:visitedの仕様が変わる！ 訪問済みリンクの履歴が分割される機能がChrome 136に実装されます
Post on:2025年4月16日
今月リリース予定のChrome 136で、訪問済みリンクの履歴検出攻撃を無効化する機能が実装される予定です。 簡単に説明すると、:visitedによるリンク履歴が分割される機能が実装され、サイトA上でクリックしたサイトB […]
CSSで幾何学模様や繊細なグラデーションなど、さまざまな要素の背景にパターンを実装できる -MotifyX
Post on:2025年4月15日
美しい幾何学模様のパターン、ドットやグリッドベースのパターン、繊細なカラーの変化が楽しめるダークグラデーション、マトリックスのような近未来のパターンなど、CSSで実装された背景パターンを紹介します。 商用プロジェクトでも […]
2025年4月、Adobeユーザーに朗報！ Adobe Fontsに日本語フォントとさらにGothamなどの英語フォントも大量追加、CCユーザーは無料で使えます
Post on:2025年4月9日
4/10のフォントの日に先立って、Adobe Fontsで使用できる日本語フォント・英語フォントが大量に追加されました！！ 今回は、バリアブルのカラーフォント「Moolong Candle Variable」をはじめ、「 […]
見た目はPhotoshop、頭脳はGIMP！ GIMP 3.0+をPhotoshop風にするパッチがいい感じ -PhotoGIMP
Post on:2025年4月8日
先月リリースされたGIMP 3.0（リリース記事）に対応した、GIMP 3.0+のUIやショートカットをPhotoshopみたいにするパッチを紹介します。 下記のキャプチャ画像は、私の環境でこのパッチを適用したGIMP […]
Web制作者は要チェック！ 今回は盛りだくさん、Chrome 135で新しく追加された14個のCSSの機能
Post on:2025年4月3日
Chrome 135で追加された、CSSの新しい機能14個を紹介します。 今回のアップデートで目玉はスクロールオフセットのサポート、レスポンシブな自由形式のシェイプを作成できるshape()関数、インタラクティブなスクロ […]
AIだと簡単で便利！ UIデザイン用に色彩理論に基づいたカラーパレットやUIコンポーネントを生成してくれる無料ツール -ColorMagic
Post on:2025年3月27日
AIを使って日本語テキストや画像からカラーパレットやグラデーションやUIコンポーネントを生成してくれるツールColorMagicの日本語版が登場したので、紹介します。 入力されたプロンプトや画像を元に色彩理論に基づいてカ […]
HTMLは非常にシンプル！ 圧倒的な速さでMaterial Design 3のUIを実装できるCSSの超軽量フレームワーク -Beer CSS
Post on:2025年3月26日
ここ数年で数多くのCSSのフレームワークが登場しました。BootstrapやBulmaをはじめ、Tailwind CSSなど、それらを使用したことがある人も多いと思います。 しかし、これらの人気が高いフレームワークはバー […]
実は難しい！ CSSのborder-radiusで実装した角丸を矩形からスムーズにアニメーションさせるテクニック
Post on:2025年3月25日
CSSのborder-radiusで角丸を適用したボックスを拡大・縮小のアニメーションにするとき、最初は鋭角で、拡大したときには角丸になるようにしたいと思ったことはありませんか？ 下記のデモはうまく機能していますが、角丸 […]
sponsors
