Web制作に役立つ情報一覧

高級感ただよう大人カラー15選🌙洗練された配色レシピ

2025/06/10(Tue) 09:05

シンプルなのに上品、控えめなのにどこか印象に残る。そんな“大人の余裕”を感じさせる配色って、実はなかなか見つかりません。今回は、高級感をただよわせる15の大人カラーを厳選してご紹介します

https://photoshopvip.net/166017

LLMOとは？AI時代のSEOに代わる対策方法を徹底解説

2025/06/10(Tue) 09:04

ChatGPTやGeminiなどの生成AI利用が普及する中、「LLMO」という言葉を耳にすることが増えてきたのではないでしょうか。LLMOとは「Large Language Model Optimization（大規模言語モデル最適化）」の略称で、生成AIに自社コンテンツを適切に認識・参照してもらうための新しい最適化手法です。

https://www.seohacks.net/blog/28244/

Web制作者はチェックしておきたい！ モダンCSSやデベロッパーツールなど、これからの実装に役立つ新機能のまとめ

2025/06/09(Mon) 08:56

2025年もCSSをはじめ、Web制作関連の進化は止まらないですね！Google I/O 2025で、これからのWebを実装するための新機能が発表されました。先日の記事でも紹介したCSSのみでカルーセルを実装する疑似要素のサポート、宣言型ポップオーバー、デベロッパーツールにAIが搭載など、Web制作者がチェックしたおきたい10個の新機能を紹介します。

https://coliss.com/articles/build-websites/operation/work/10-innovations-for-build-modern-web.html#google_vignette

ふわっと美しい、癒しメッシュグラデーション配色12選✨

2025/06/05(Thu) 08:57

やわらかい光がにじんだような、不思議と心が落ち着く“メッシュグラデーション”の世界。今回は、やさしいトーンと透明感を大切にした12のグラデーション配色をピックアップ。実際のデザインで使えるよう、各パレットには5色のHEXカラーコードも付けて紹介しています。

https://photoshopvip.net/165928

CSSのカスケードレイヤーが便利！ 複数のCSSファイルを効率よく管理できるデフォルトのCSS構造 -CSS boilerplate

2025/06/04(Wed) 08:49

小規模のプロジェクトをはじめ、大規模のプロジェクトもサポートしたCSSのベースとなるテンプレートを紹介します。大きな特徴は、@layerでCSSの構造を明確にし、リセットCSSやサードパーティのCSS、オリジナルのCSSなどのカスケードをより効率よく管理できることです。詳細度や!importantに頭を悩ますこともなくなります。

https://coliss.com/articles/build-websites/operation/css/default-css-structure.html#google_vignette

迷わず選べる✨上品でおしゃれなゴールド配色9選【保存版】

2025/06/03(Tue) 09:00

いつものデザインに、少しだけ“特別感”を足したいとき。ゴールド系の配色って、意外と頼りになります。今回は、そんな“ゴールド”をテーマにした5色パレットを9種類まとめました。キラキラしすぎず、落ち着きすぎず。ラフに使えて、でもデザインにしっかり映える。そんな“ちょうどいい黄金色”を揃えています。

https://photoshopvip.net/165827

これは朗報！ ついにCSSでif else文が使えるようになります、Chrome 137で新しく追加された7個のCSSの機能

2025/05/30(Fri) 09:12

Chrome 137で追加された、CSSの新しい機能7個を紹介します。今回のアップデートで目玉は、if else文の条件付きでCSSの値を設定できるif()関数がついに使用できるようになりました。また、CSS GridやFleboxで見た目の順序とtabキーの順序が異なるのを制御できる新しいプロパティもサポートされるなど、Web制作者は要チェックです！

https://coliss.com/articles/build-websites/operation/work/chrome-137-adds-7-new-css-feature.html

15000以上のいい感じの線形アイコン「Lineicons」

2025/05/29(Thu) 08:49

15000以上のいい感じの線形アイコン「Lineicons」アプリにWEBにいろいろと使えそうです

https://phpspot.org/blog/archives/2025/05/15000lineicons.html

任意のカスタムフォントも対応の、Googleフォントを使ってテキストをSVG化するWebアプリ・「Google Font To SVG Path」

2025/05/28(Wed) 09:06

Google Font To SVG Pathは任意のカスタムフォントも対応の、Googleフォントを使ってテキストをSVG化するWebアプリです。オープンソースとしてソースコードが公開されています。入力したテキストをその場で即SVG化してくれる、というシンプルなもの。

https://kachibito.net/useful-resource/google-font-to-svg-path

欧文書体の正しい使い方を学ぶのに最良の解説書！ デザインでフォントを使うときに役立つ知識やテクニックをかなり詳しく解説 -欧文書体 基礎知識と使い方

2025/05/26(Mon) 08:55

絶対手元に置いておきたいデザイン書は、何冊くらい持っていますか？私も何冊かそういった本を大切にしていますが、今回紹介するデザイン書もその中に加わった一冊です。デザインの現場で活躍するプロのデザイナー向けに、デザインでフォントを使うときに役立つ知識やテクニック、上級者向けの欧文組版などについてかなり詳しく解説した良書を紹介します。

https://coliss.com/articles/book-review/isbn-9784909718143.html