Web制作に役立つ情報一覧

UIデザインに使用するカラーのコントラストをチェックできる、使いやすくて、アクセシビリティを重視したツール -Contrastly

2025/09/17(Wed) 09:00

UIデザインでカラーを決めるときに、カラーのコントラストを確認することは必須です。コントラストをチェックできるツールはたくさんありますが、Tailwinds CSSのカラー、16進数コンバーター、コントラストの確認がひとまとめになった便利ツールを紹介します。

https://coliss.com/articles/build-websites/operation/work/tailwind-colors-contrast-checker.html

AIを使って優れたコンテンツを書く方法（7つのベストプラクティス）

2025/09/11(Thu) 08:56

この記事は、Backlinkoの「How to Use AI for Writing Exceptional Content（7 Best Practices）」を翻訳したものです。ここ最近のGoogleコアアップデートでは、事例やユーザーが生成したコンテンツなど、体験に根ざしたコンテンツが評価されやすい傾向が見られます。

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

レイアウトデザインにおける縦位置中央の奥深さ

2025/09/09(Tue) 08:54

先日こちらのポスターを拝見し、デザインにおける要素配置の決め方、特に縦位置中央の取り方について奥深さがあると感じたのでまとめておきます。このポスターの最下部、ロゴマーク＋ロゴタイプ＋区切り線＋テキストコピーが並ぶ場面を例に、基準の取り方の例と“混ぜ技”の考え方をご紹介します。

https://note.com/rubul_cc/n/n247048f0a39b

最新CSS＆JSスニペット50選【2025年版】✨実案件でも使えるおしゃれエフェクトまとめ

2025/09/08(Mon) 09:01

ウェブの世界では「ちょっとした動き」や「ユニークな表現」が、デザイン全体の印象を一気に変えてしまいます。今回は、最新のCSS・JavaScriptスニペットを一気にまとめました。どれも実際のプロジェクトでそのまま活用できるだけでなく、学習にも役立つアイデアばかり。「ボタンにさりげないきらめきを加えたい」「ユーザーの視線を引きつけるアニメーションが欲しい」そんなときにサクッと使える便利なデモを集めました。

https://photoshopvip.net/167257

知ってる人だけ得する？映画ロゴフォント無料＆有料コレクション30選

2025/09/04(Thu) 08:54

たった一瞬で、観客の心をつかむ「文字の力」映画のタイトルロゴを目にした瞬間、その作品の世界観や雰囲気を感じ取ったことはありませんか？実はそれこそが、映画におけるタイポグラフィの役割です。

https://photoshopvip.net/167192

モダンCSSで実装された、UIデザイン用の美しいグラデーションとジオメトリックの背景パターン -Pattern Craft

2025/09/04(Thu) 08:53

Webサイトやスマホアプリに最適、モダンCSSとTailwind CSSで作成されたプロ仕様の背景パターンとグラデーションを紹介します。100種類以上の背景パターンとグラデーションはシームレスに設計されているので、あらゆるサイズで利用できます。

https://coliss.com/articles/build-websites/operation/css/css-pattern-craft.html#google_vignette

ぜんぶ無料！✨デザインの印象を変える日本語＆英語フリーフォント52選【2025年9月更新】

2025/09/02(Tue) 08:57

無料のフリーフォントは魅力的ですが、「個人利用はできるけれど、商用利用は大丈夫？」と迷うことも多いはず。そこで本記事では、2025年9月最新版のフリーフォント52選をカテゴリ別に整理しました。基本は個人利用OK、さらに気に入ったものはライセンスを購入すれば商用でも安心して使える実用的な書体を中心にそろえています。

https://photoshopvip.net/167166

それがまさに知りたかった！ イラストはちょっとしたコツが分かると楽しくなる、イラスト解説書の決定版 -キャラクターイラスト基本の「き」

2025/09/01(Mon) 08:55

どのジャンルでもそうですが、ちょっとしたコツが分かるとメキメキ腕があがることがあると思います。キャラクターのイラストを描いてみたい、いろいろな表情、肌や目や髪の塗り、さまざまなポーズ・アクション、服装や装備、小物まで、イラストを描くノウハウがぎっしり詰まった解説書を紹介します。

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

日本語のかわいいフリーフォントが登場！ コミック風の手書きがかわいい、推し豆フォント「びーんずフォント」

2025/08/28(Thu) 08:53

今回は、コミック風の手書きがかわいいフォント「びーんずフォント」作者はチャックび〜んずがマイブームとのことで、今までのフォントにはないコミック風の味わいをベジェ曲線でデザインした推し豆フォントです。

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

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

2025/08/27(Wed) 08:51

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

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