Web制作に役立つ情報一覧

【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

UIデザイン向けに視覚的に美しく、アクセシビリティの高い配色を簡単に作成できるツール -ColorMate

2025/10/28(Tue) 08:56

WebサイトやスマホアプリのUIデザインをはじめ、ブランドアイデンティティの構築などで視覚的に美しく、アクセシビリティの高い配色を簡単に作成できるツールを紹介します。

https://coliss.com/articles/build-websites/operation/work/generate-accessible-color-schemes-colormate.html

見やすく、読みやすく、美しいデザインを生み出す文字組について基礎からしっかり学びたい人にお勧めのデザイン書 -文字組力

2025/10/27(Mon) 08:58

デザインの現場では、文字の扱いがデザインの品質を大きく左右します。タイポグラフィのデザインだけでなく、UIデザインやバナーのデザイン、雑誌や書籍、商品のパッケージなど、至るところに文字が使用されています。見やすく、読みやすく、美しいデザインを生み出す文字組を知識やテクニックだけでなく、どう考えれば文字組が上達するかにもフォーカスしたデザイン書を紹介します。

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

商用利用も完全に無料！ JIS第二水準まで完備された手書きのフリーフォント「立冬のころに」

2025/10/24(Fri) 08:56

攸の仮寓さんから新作の手書きフリーフォント「立冬のころに」を紹介します。ひらがな・カタカナをはじめ、漢字はJIS第二水準まで完備されており、「薔薇」「篳篥」「珈琲」などの漢字も使用できます。

https://coliss.com/articles/freebies/freefont-aswinterbegins.html

これは簡単で便利すぎる！ すぐに使えるさまざまなフォームを数回のクリックで実装できるAIツール -Formcn

2025/10/22(Wed) 08:55

フォームの実装ってなかなか面倒ですよね。数回クリックするだけで、すぐに使えるさまざまなフォームを実装できる無料のAIツールを紹介します。

https://coliss.com/articles/build-websites/operation/work/build-forms-with-a-few-clicks.html

これなら簡単で便利！ 色彩トーンを使ったUIデザインにぴったりな配色を生成するオンラインツール -Kigen Color Generator

2025/10/17(Fri) 08:56

指定したカラーをベースにシェードのバリエーションを生成し、色彩トーンを使ったUIデザインにぴったりな配色を生成するオンラインツールを紹介します。このツールのUIも非常に洗練されており、操作性も非常に快適です。

https://coliss.com/articles/build-websites/operation/work/kigen-color-generator.html

CSSの新しい関数「color-scheme()」を使用すると、カスタム関数であらゆる型の値を設定できるようになります

2025/10/16(Thu) 08:59

先日、CSSワーキンググループでCSSの新しい関数としてcolor-scheme()が追加され承認されました。ブラウザに実装されるのはまだ先ですが、この関数を使用すると、要素で使用されているカラースキームを取得でき、さらには@containerクエリとif()関数の両方で使用できます。

https://coliss.com/articles/build-websites/operation/css/combining-css-custom-functions-and-css-if.html

HTML・CSSだけで作れる！リストのホバー演出アイデア集

2025/10/14(Tue) 09:01

リスト項目のホバー演出は、その要素がクリック可能であることを伝えるだけでなく、操作の気持ちよさや、コンテンツの世界観を表現することにも役立ちます。今回の記事では、HTMLとCSSだけで実装可能なリスト項目のホバー演出のアイデアを紹介します。

https://ics.media/entry/251010/

無料＆商用OK！ピクセル（ドット）フリーフォント20選｜レトロなのに新しい魔法の書体

2025/10/08(Wed) 08:55

まるでゲームの世界から飛び出してきたようなカクカク文字。レトロでかわいい雰囲気が人気の「ピクセルフォント」は、SNSのタイトル画像やロゴデザインにもぴったり。最近では、Y2Kやネオレトロの流行とともに再注目されています。

https://photoshopvip.net/167477