Web制作に役立つ情報一覧

おしゃカワ欧文Webフォント42選【Google＆Adobe Fonts】

2025/07/24(Thu) 09:03

ここ数年でWebフォントサービスは大きく進化し、実用的なものはもちろん、デザイン性の高いフォントもどんどん登場しています。「本当にこれがWebフォントで使えるの？」と驚くような、おしゃれで個性あふれるフォントも増えてきました！

https://liginc.co.jp/665189

コーディング時、目の疲れを軽減！ 区別しにくい文字も素早く識別でき、明瞭性と可読性に優れたフリーフォント「Intel One Mono」

2025/07/24(Thu) 09:02

低視力のデベロッパーのニーズに着目し、明瞭性に優れ、最高の可読性を実現するために制作されたIntel® One Monoが、Google Fontsで利用できるようになったので、紹介します。低視力の人だけでなく、長時間のコーディングによる眼精疲労などを軽減することも目的としており、かなり読みやすいフォントです。

https://coliss.com/articles/freebies/freefont-intel-one-mono.html

ウェブ制作者のためのNoto Sans JP最新実装ガイド

2025/07/22(Tue) 08:57

Notoファミリーは「すべての言語で文字化けのない世界」を掲げて開発されたフォント群です。通常のフォントでは、該当する文字（グリフ）が存在しない場合、代替として四角い記号が表示されます。

https://ics.media/entry/250718/

CSSでついにif elseの条件文が使える！ if()関数の便利な使い方を解説

2025/07/18(Fri) 08:56

5月にリリースされたChromeとEdgeで、CSSのif()関数がサポートされました。これによりCSSでもif elseの条件文が使えるようなり、プロパティに対して条件付きで値を設定できるようになりました。新機能なので、実際にどのように使えばよいのか分からないことも多いと思いますので、if()関数の便利な使い方を紹介します。

https://coliss.com/articles/build-websites/operation/css/how-to-use-css-if-function.html#google_vignette

【2025年上半期まとめ】商用利用OK！無料で使える最新フリーフォント94選

2025/07/10(Thu) 10:39

デザインに欠かせないフォント選び。いつもの作業でも、「この文字、もう少し雰囲気を変えたいな」と思うことはありませんか？2025年上半期も、商用利用OKで無料で使える魅力的なフォントが数多く公開されました。

https://photoshopvip.net/166360

SEO業者の取り組みとその歴史〜ブラックハットSEO・ホワイトハットSEO〜

2025/07/09(Wed) 08:58

検索エンジンのアルゴリズムは、その複雑性と非公開性から、ウェブサイトの検索順位を向上させるためには専門的な知識と技術を要します。そのため、SEO（検索エンジン最適化）業者は、この難解な領域において重要な役割を担ってきました。SEO施策の歴史は、まさにSEO業者とGoogleという二者の間で繰り広げられてきた、終わりのない攻防の歴史であると言えるでしょう。

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

SEOの種類――テクニカル・コンテンツ・外部対策を押さえよう

2025/07/08(Tue) 09:19

SEOの施策には大きく2種類あり、それぞれ異なる視点から検索上位を目指すことが求められます。そのどれか一つを強化したところで、思うような成果は期待できません。SEOの効果を最大化するには、それぞれの施策をバランス良く進めることが大切です。

https://www.seohacks.net/blog/28359/

SEOの外部対策とは？被リンク・サイテーションの基本と獲得するコツ

2025/07/08(Tue) 09:18

SEOの成果を高めるためには、サイト内部の改善だけでなく、「外部対策」も欠かせません。外部対策とは、被リンクやサイテーション（言及）など、他サイトなど外部からの評価を通じて検索エンジンからの信頼性を高める取り組みです。

https://www.seohacks.net/blog/28403/

CSSでheight: autoでもアニメーションが可能に! interpolate-sizeとは

2025/07/07(Mon) 09:06

Chrome 129、Edge 129（2024年9月）で登場した、CSSのinterpolate-sizeプロパティとcalc-size()関数により、固有キーワード値のアニメーションが可能になりました。本記事ではinterpolate-sizeとcalc-size()がどのようなものなのか、作例とともに紹介します。

https://ics.media/entry/250627/

最近のロゴに使われているデザインテクニックのまとめ -2025年、ロゴデザインのトレンド

2025/07/04(Fri) 08:58

デザインの基本となるタイポグラフィ、カラー、形などのデザイン要素が詰まった、最近のロゴデザインに使われているトレンド、デザインテクニックを紹介します。

https://coliss.com/articles/build-websites/operation/design/logo-design-trends-in-2025-by-logolounge.html#google_vignette