AI サイト構築 -制作
AI
サイト構築 -CSS これなら超簡単! CSSのclamp()によるレスポンシブ対応のフォントサイズを数クリックで定義できるツール -Size Matters
サイト構築 -制作 これは便利! ついにChromeでも分割表示がネイティブに、1つのタブ内を分割して2つのWebページを表示 -Split View
color UIデザインに特化! 数学的な処理で一貫性のあるカラーパレットを生成する初のカラーツール -Harmonizer
サイト構築 -制作 パスワード生成、黄金比・白銀比計算、スクショ分割、電子印鑑生成、個人情報のダミーデータなど、日本人制作者による便利ツールがまとめて使える -マッハーツール
サイト構築 -CSS CSSの進化は止まらない! コンテナクエリとif()関数がさらに便利になり、興味を示したときに反応する新属性など、Chrome 142で新しく追加された9個のCSSの機能
w3c 2025年、W3Cのロゴがかなりモダンなデザインに変更されました
color UIデザイン向けに視覚的に美しく、アクセシビリティの高い配色を簡単に作成できるツール -ColorMate
form これは簡単で便利すぎる! すぐに使えるさまざまなフォームを数回のクリックで実装できるAIツール -Formcn
color これなら簡単で便利! 色彩トーンを使ったUIデザインにぴったりな配色を生成するオンラインツール -Kigen Color Generator
UI このUIデザインかっこいい! 近未来をテーマにしたUIコンポーネントとデザイン要素のセット -Cosmic UI
サイト構築 -CSS 小規模なアップデートだけど、Web制作者は要チェック! Chrome 141で新しく追加されたCSSとUIに関する機能
cursor これは助かる! AIエディタ Cursorから公式の日本語ドキュメントがローンチ、要注目のポイントを解説
color UIデザインに使用するカラーのコントラストをチェックできる、使いやすくて、アクセシビリティを重視したツール -Contrastly
AI AIがWeb制作に与えている影響、Web制作の仕事を奪うわけではなく、どのような変化が起きているのか
design system 便利なのが登場! UIデザイン用のカラー・スペース・コンポーネントなどを簡単に設計できるツール -StyleSpark
サイト構築 -CSS CSSのcalc()がさらに便利になるなど、17周年を迎えたChrome 140ではCSSの新機能がかなり追加されています
HTML HTMLを愛する人のためのUIライブラリ、シンプルなHTMLでさまざまなレイアウトやUIコンポーネントを実装 -Kelp
UI UI要素のサイズ、マージン、角丸、フォントサイズに至るまで、すべてが黄金比に基づいて設計されたUIフレームワーク -LiftKit
サイト構築 -CSS CSSの進化が止まらない! 自分でオリジナルの関数を定義できるようになります、Chrome 139で新しく追加された6個のCSSの機能
popover CSSで実装したグリッチの揺れるエフェクトがかっこいい! 映画で見かけるようなサイバーなUI -CyberPopover 2025
apple Appleの新UIに採用されるガラスのような、液体のような美しいUI「Liquid Glass」を簡単に実装できるツール -Liquid Glassifier
Adobe Adobe Creative Cloudのプランと価格が変更されます! 既存プランは実質値上げ、AI生成が制限される格安プランが登場
サイト構築 -CSS これは朗報! width: 100%;より便利なstretchキーワードが使えるようになります、Chrome 138で新しく追加された6個のCSSの機能
HTML HTMLの仕様が変更され、属性値内に記述した<と>がエスケープされるようになります
サイト構築 -CSS レトロなデザインがいい感じ! 8-bitのゲーム風にデザインされたUIコンポーネントが揃ったフレームワーク -8bitcn
ab test ボタンの色やアイコンを変えるだけでクリック率は本当にアップするのか、参考になるA/Bテストのまとめ -abtest.design
Google Web制作者はチェックしておきたい! モダンCSSやデベロッパーツールなど、これからの実装に役立つ新機能のまとめ
サイト構築 -CSS これは朗報! ついにCSSでif else文が使えるようになります、Chrome 137で新しく追加された7個のCSSの機能
pocket