Web制作に役立つ情報一覧

色の美しい世界にときめいて、色の知識も深まる、かわいくて小さな極上本 -誰も知らない色の物語

2025/12/08(Mon) 09:11

さまざまな色が紡ぐ物語、おとぎ話に登場する色、花や草木、宝石などの色、神話や歴史に登場する色、色には色の数だけ物語があります。心が惹かれる150色の物語が収録された、かわいくて小さな本を紹介します。自分へのご褒美として、大切な人へのプレゼントとしてもぴったりな一冊です。

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

CSSで最近よく使うOKLCHカラーについて理解を深めよう、異なる色でトーンを合わせたり、単色のシェードも簡単

2025/11/28(Fri) 08:51

CSSでは、さまざまなカラーモデルで色を設定できます。16進数によるHEX値、rgb()によるRGB値、hsl()によるHSL値、lab()によるLAB値、oklch()Oklch値、oklab()によるOklab値など、現在ではすべてのブラウザにサポートされています。中でも最近では、トーンを合わせたカラーを簡単に作ることができるOKLCHカラーの人気が高まっています。このOKLCHカラーについて紹介します。

https://coliss.com/articles/build-websites/operation/design/about-oklch-color.html

Photoshop 2026のすごい新機能ガイド AI合成・調和など別次元に進化

2025/11/19(Wed) 08:51

Photoshop 2026 では、これまでの延長線とは少し違う、使い方の前提が変わるアップデートが入りました。一番分かりやすい変化は、AIまわりの機能が整理され、クレジット制が本格的に動き出したことです。ただし複雑に感じる必要はありません。

https://photoshopvip.net/167933

これなら超簡単！ CSSのclamp()によるレスポンシブ対応のフォントサイズを数クリックで定義できるツール -Size Matters

2025/11/14(Fri) 08:56

フォントサイズをレスポンシブ対応にするときに、最近よく使用されている実装方法はclamp()関数による流体タイポグラフィです。CSSのclamp()関数を使用するとフォントサイズの最小値と最大値を定義してその間の値を流動的にすることができ、デバイスのビューポートサイズが増えた現在に欠かせないテクニックです。

https://coliss.com/articles/build-websites/operation/work/fluid-type-scale-generator.html#google_vignette

写真が“化ける”無料Photoshopエフェクト27選【2025秋 最新版】

2025/11/12(Wed) 08:56

スマホで撮影したその写真、フォトショップならだれでも簡単にプロのような仕上がりにできます。それが、Photoshopの無料写真エフェクト素材。画像を放り込むだけで、まるで映画や雑誌の誌面のような世界観をつくることができる便利アイテム。この記事では新作エフェクトを中心に、実施に使い方を試したサンプル付きで27個まとめてご紹介します。

https://photoshopvip.net/167856

商用でも完全に無料！ クレジットも不要、日本人向けの生成AI時代ならではの新しい写真素材サイト -Studio.Stock

2025/11/11(Tue) 08:51

まさに次世代の写真素材サイトがローンチしました！商用でも完全に無料、クレジット表記も不要、生成AIによる日本人のための写真素材で、写真のモデルは日本人、風景も日本風、被写体・構図・光・質感のすべてが「今のデザイン感覚」に合うものが厳選されており、あらゆるクリエイティブ制作で安心して利用できます。

https://coliss.com/articles/freebies/next-generation-stock-photo-site-studiostock.html

UIデザインに特化！ 数学的な処理で一貫性のあるカラーパレットを生成する初のカラーツール -Harmonizer

2025/11/07(Fri) 08:53

UIデザインに特化され、アクセシブルでライトモードでもダークモードでも各レベルのすべてのカラーが同じ彩度とコントラストを保ち、数学的な処理で一貫性のあるカラーパレットを生成する初のカラーツールを紹介します。

https://coliss.com/articles/build-websites/operation/work/generating-accessible-consistent-color-palettes-for-uidesign.html

【2025年秋】最新Photoshopテキストエフェクト39選｜無料＆商用OKの新作まとめ

2025/11/04(Tue) 08:51

「この文字、もう少し雰囲気を出したいな」と思ったとき、頼りになるのがPhotoshopのテキストエフェクト。6月の大型まとめのあとにも、新しいスタイルがどんどん登場しています。この記事では、その中から最近追加された新作エフェクトだけをまとめました。ほんの少しの工夫で、文字がぐっと引き立たせることができますよ。

https://photoshopvip.net/167788

【2025最新版】おしゃれな英語フリーフォント54選｜無料で使える定番＆注目書体まとめ

2025/10/31(Fri) 08:55

デザインは“フォント選び”から始まります。どんなに美しい配色や構図も、文字の印象ひとつで全体の雰囲気が変わってしまう——。今年9月に公開した「無料で使える最新フリーフォントまとめ」から、新たに54個の魅力的な無料フォントが登場しています。

https://photoshopvip.net/167737

「Photoshop レタッチ2.0」で広がる、AI時代の新しい表現世界

2025/10/30(Thu) 09:07

AI時代のPhotoshop、レタッチの常識が変わった。Photoshopの生成塗りつぶし機能が登場してから、レタッチの世界はまるで違うものになりました。AIが写真を補完し、合成を仕上げ、数秒で“理想のビジュアル”を作り出す。けれど一方で、仕上がりに「どこか違う」と感じる瞬間もあります。

https://photoshopvip.net/167716