サイト構築 -実装
ユーザーのマウスやキーボードの動き（運動量や方向）から次にどの要素を操作するか予測するスクリプト -ForesightJS
Post on:2025年7月15日
ユーザーがWebサイトにアクセスした際、マウスやキーボードの動きをから次にどの要素を操作するか予測し、プリフェッチすることができるJavaScriptのライブラリを紹介します。 1ヵ月ほど前に紹介したForesightJ […]
UIコンポーネントをAIで簡単に実装できる、Tailwind CSSのコードをプロンプトから生成できるツール -TailwindGenAI
Post on:2025年7月9日
Tailwind CSSを使用してUIコンポーネントを実装するのは、慣れていないと時間がかかります。Tailwind CSSのユーティリティファーストのフレームワークを使用してUIコンポーネントを生成するために設計された […]
Adobe Creative Cloudのプランと価格が変更されます！ 既存プランは実質値上げ、AI生成が制限される格安プランが登場
Post on:2025年7月4日
2025年8月から、Adobe Creative Cloudのプランと価格が変更されるとリリースされました。 既存のCreative Cloud コンプリートプランは、「Creative Cloud Pro」と名称が変更 […]
最近のロゴに使われているデザインテクニックのまとめ -2025年、ロゴデザインのトレンド
Post on:2025年7月3日
デザインの基本となるタイポグラフィ、カラー、形などのデザイン要素が詰まった、最近のロゴデザインに使われているトレンド、デザインテクニックを紹介します。 サステナビリティを重視したアースカラー、進化しているグラデーションの […]
簡単に使えるイラスト生成AIツールが登場！ Notion風のイラストを無料で生成できる -Notion Style Illustration Generator
Post on:2025年7月2日
プロンプトにテキストを入力するだけで、Notion風のイラストを簡単に作成できる生成AIツールを紹介します。 人物イラストはもちろん、植物や動物、景色など、モノクロのイラストでもカラーのイラストでも生成することができます […]
これは朗報！ width: 100%;より便利なstretchキーワードが使えるようになります、Chrome 138で新しく追加された6個のCSSの機能
Post on:2025年7月1日
先日リリースされたChrome 138で追加された、CSSの新しい機能6個を紹介します。今回のアップデートで目玉は、stretchキーワードをはじめ、新しい関数がいくつかサポートされました。Web制作者は要チェックです！ […]
HTMLの仕様が変更され、属性値内に記述した<と>がエスケープされるようになります
Post on:2025年6月26日
先日、HTMLの仕様が変更され、属性値内に記述した<と>がエスケープされるようになりました。この変更は6/25にリリースされたChrome 138やFirefox 140をはじめ、Edge, Safariも次 […]
CSS GridやFlexboxでアイテム間のスペース（ギャップ）をスタイル設定するCSSの新しいテクニック
Post on:2025年6月19日
CSS GridやFlexboxは非常に便利ですが、アイテム間のスペース（ギャップ）をスタイルするときにはボーダーや疑似要素や背景画像を使ったハックでしか実装できませんでした。 アイテム間にボーダーを設置したり、交差する […]
簡単な手順でWebページの読み込み時間を高速化！ クリティカルCSSを抽出してくれるツール -Critical CSS Generator
Post on:2025年6月17日
クリティカルCSSとは、Webページで最初に表示される部分（ファーストビュー）をレンダリングするために必要な最小限のCSSです。このクリティカルCSSを既存のWebページから抽出し、HTMLにインラインのCSSとして記述 […]
CSSで簡単カスタマイズ、洗練されたデザインと気持ちいいアニメーションで動作するUIコンポーネント -SmoothUI
Post on:2025年6月16日
WebサイトやスマホアプリのUIでよく使用されるアコーディオンやモーダルといった基本的なコンポーネントをはじめ、AppleにインスパイアされたカードやフォトギャラリーやDynamic Islandなどの気持ちよく動作する […]
sponsors
