Web制作に役立つ情報一覧

役に立つコンテンツを作る10の方法 + 事例とチェックリスト

2025/08/27(Wed) 08:51

好きか嫌いかは別として、私たちは常に、Googleのランキングに左右されています。Googleのランキングシステムは、あるサイトを高く評価して上位に表示させる、あるいはサイトの評価を低くし、検索結果（SERPs）から表示されなくすることもあります。とはいえ、ランキングシステムの全部が悪い話というわけではありません。Googleは、「役に立つコンテンツ」について、詳細なコンテンツ評価ガイドラインを出しています。

https://seojapan.com/column/column-14932/

かわいすぎる絵文字フォント！ 英字や数字が文鳥、豆苗、鳴き声でぎゅうぎゅうに表示されるフリーフォント「ぎゅうぎゅう文鳥」

2025/08/22(Fri) 08:56

いつもの日本語フリーフォントの紹介とは趣向を変えて、今回はかわいすぎる絵文字フリーフォントです。タイトルにあるように、英字は文鳥で、数字は豆苗で、約物は鳴き声で表示される絵文字フォント「ぎゅうぎゅう文鳥」を紹介します。

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

Google Fontsに特化した解説書は初めて！ 日本語のWebフォントの新しい視覚的表現をしっかり学べる解説書 -Webフォント実践ガイド

2025/08/18(Mon) 09:00

Google Fontsは使うけど、最近のWebフォントの技術に追いつけていない、Webサイトやアプリで効果的に使うにはどうすればよいのか、そんな人にお勧めの解説書を紹介します。

https://coliss.com/articles/book-review/isbn-9784297150563.html#google_vignette

あの海外セレブも愛用!? 和田三造の配色帳を完全再現【全348パターン】

2025/08/08(Fri) 08:57

「えっ、あのブラッド・ピットやファレル・ウィリアムスが“和の色”にインスパイアされてるって…本当!?」そんな噂をきっかけに、ひとつの色彩ワールドにたどり着きました。90年前の日本で生まれた伝説の配色帳を、いまの時代に“サクッとコピペで使える”ようにしたのが、今回の配色ツール「和田三造 配色事典」。

https://photoshopvip.net/166993

本当に合成？Photoshop「調和」機能、試してわかったこと。

2025/08/04(Mon) 08:56

合成した写真、なんか“浮いてる”感じしませんか？背景と人物の色味が合わず、あとから貼ったのがバレバレ…。手動で色を合わせるのも大変ですよね。そんなあるあるを一発で解決してくれるのが、Photoshop 2025の新機能「調和（Harmonize）」。AIが自動で画像の色を分析し、背景となじむように色味を自然に整えてくれるんです。

https://photoshopvip.net/166730

Webサイトやアプリの制作者も知っておきたい！ 特定商取引法についてしっかり学べる -特定商取引法 超入門

2025/08/04(Mon) 08:55

商品の販売時に掲載すべき項目、誇大広告、迷惑メール、ダークパターン、ネットワークビジネス、自宅での簡単なお仕事、モニター業務など、すこし怪しげな言葉も混じっていますが、これらはすべて特定商取引法に関連する用語です。

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

CSSの単位がたくさんあり何を使えばよいか迷った時に、フォント、スペース、ポジション、要素の幅・高さに最適な単位は

2025/08/01(Fri) 08:52

CSSには便利な単位がたくさんあります。よく使用する単位として絶対単位（pxなど）や相対単位（em, rem, %など）をはじめ、Gridの単位（fr）やビューポート単位（vw, vhなど）があります。いくつかの単位は使う場所が限られていますが、複数もしくはどこにでも使用できる単位もたくさんあります。

https://coliss.com/articles/build-websites/operation/css/css-length-unit-should-you-use.html#google_vignette

無料で使える！レトロ＆ヴィンテージ系デザイン素材67選【写真エフェクト・テクスチャなど】

2025/07/31(Thu) 08:55

「素材探しばかりに時間を取られて、肝心のデザインが進まない…」そんな経験、ありませんか？レトロな雰囲気を出したくて無料素材を探しても、・商用利用NGだったり・解像度が足りなかったり・英語表記で使いづらかったり。せっかく時間をかけても“使えない素材”ばかり——それが一番もったいない。そこで今回は、海外の素材ライブラリToolboxから、高品質・無料で使えるレトロ＆ヴィンテージ系素材を厳選してご紹介します。

https://photoshopvip.net/166702

【2025年最新】今っぽくて映える！筆記体フリーフォント35選｜スタイル別まとめ

2025/07/30(Wed) 09:01

おしゃれな筆記体フォントは今も昔も人気。でも最近は「レトロだけど抜け感がある」「高級だけどクセがない」など、バランスのよい新作が増えています。今回は人気の筆記体フォントの中から、スタイル別に“いま使いたい”無料＆の筆記体フォントだけを厳選して紹介します。

https://photoshopvip.net/166670

本当は内緒にしたい、写真が化ける無料エフェクト素材37選【Photoshop対応】

2025/07/29(Tue) 09:21

写真にレイヤーを一枚重ねるだけで、印象ががらっと変わる。色味や質感、ノイズを加えるだけで、“雰囲気のある一枚”に仕上がります。しかも操作はとてもシンプルで、Photoshopで写真を差し替えるだけ。今回は、そんな写真加工エフェクトの中から、デザインに深みを与えてくれる最新の無料素材を37点厳選して紹介します。

https://photoshopvip.net/166614