Web制作に役立つ情報一覧

商用利用OKの無料版と有料版が同時リリース！ 万年筆で一文字ずつ手書きされた、やさしい雰囲気のフォント「ノエリーフ」

2025/06/25(Wed) 08:48

愛嬌のある丸ゴシック「くすくすあめ」暗号チックな「セネシオまちっく」など、かわいいフォントをリリースされているf6typeから、新作フリーフォントがリリースされました！

https://coliss.com/articles/freebies/free-font-noeleaf.html

こういうデザイン書が欲しかった！ 日本語フォントを使用したデザインの知識と実践テクニックが基礎から学べる解説書 -怖くないタイポグラフィ

2025/06/23(Mon) 08:59

デザインにどういうフォントを使えばよいのか、使用するフォントの善し悪し、読みやすくなる文字組みのこつ、魅力的な文字レイアウトのテクニック、さまざまなタイトルの作り方など、デザインで文字に関する特に日本語フォントについて基本から詳しく解説した保存版のデザイン書を紹介します。

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

カッコいいだけじゃ足りない！2025年ロゴトレンド完全ガイド

2025/06/20(Fri) 09:03

2025年のロゴデザインは、「AI×未来派」と「サステナブル×アナログ」という2つの潮流が交差しています。前者はビビッドでハイコントラスト、後者は自然な色味と温もりを大切にしたもの。どちらも異なるアプローチで、これからのデザインの本質的な変化を映し出しています。

https://photoshopvip.net/166164

CSS GridやFlexboxでアイテム間のスペース（ギャップ）をスタイル設定するCSSの新しいテクニック

2025/06/20(Fri) 09:02

CSS GridやFlexboxは非常に便利ですが、アイテム間のスペース（ギャップ）をスタイルするときにはボーダーや疑似要素や背景画像を使ったハックでしか実装できませんでした。

https://coliss.com/articles/build-websites/operation/css/new-way-to-style-gaps-in-css.html

CSSで簡単カスタマイズ、洗練されたデザインと気持ちいいアニメーションで動作するUIコンポーネント -SmoothUI

2025/06/17(Tue) 08:58

WebサイトやスマホアプリのUIでよく使用されるアコーディオンやモーダルといった基本的なコンポーネントをはじめ、AppleにインスパイアされたカードやフォトギャラリーやDynamic Islandなどの気持ちよく動作するアニメーションで美しくデザインされたUIコンポーネントを紹介します。

http://coliss.com/articles/build-websites/operation/css/smoothui-beautifully-designed-components-with-smooth-animations.html#google_vignette

センスのいい作例で、デザインのモチベーションも上がる解説書 -Illustrator＆Photoshop 基本がしっかりわかる授業

2025/06/16(Mon) 09:00

デザイン制作に欠かせないAdobe IllustratorとAdobe Photoshopの使い方を実際に操作しながら両方を同時に学べる入門書を紹介します。IllustratorとPhotoshopを基礎からしっかりと身につけたい人、デザインの学生さんをはじめ、独学でプロを目指す人にぴったりの入門書の決定版です。

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

CSSのreading-flowプロパティが便利！ CSS GridやFlexboxで見た目とDOMツリー内の順序を一致させることができます

2025/06/13(Fri) 08:58

CSS GridやFlexboxは便利でよく使用していると思います、ただし、見た目の順序とDOMツリー内の順序が一致しないことがあります。これはキーボードやアクセシビリティツールで操作するユーザーにとって非常に問題です。

https://coliss.com/articles/build-websites/operation/css/css-reading-flow.html#google_vignette

商用利用無料、UIデザイン用のSVGアイコンが3000種類以上！ 改変・再配布も可の太っ腹ライセンス- MingCute Icon

2025/06/11(Wed) 08:53

WebサイトやスマホアプリのさまざまなUIデザイン用に、シンプルなデザインで洗練されたSVGアイコンが完全無料で利用できるMingCute Iconを紹介します。

https://coliss.com/articles/freebies/mingcute-icon-v296-for-ui-design.html#google_vignette

高級感ただよう大人カラー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/