Web制作に役立つ情報一覧

まず覚えたい！おしゃれで外さない定番セリフ体フォント8選 ─ 無料で商用OK

2025/05/15(Thu) 08:51

「上品でおしゃれなデザインに仕上げたい。でも、どんなフォントを選べばいいのか分からない…」そんなときに頼れるのが、“セリフ体（Serif）フォント”。雑誌や書籍、ブランドロゴなど、さまざまな場面で「信頼感」「高級感」「読みやすさ」を演出してくれる心強い存在です。

https://photoshopvip.net/165519

まず覚えたい定番＆プロ愛用の欧文フォント8選 ─ 無料で商用OK

2025/05/14(Wed) 08:52

「おしゃれなデザインにしたいけど、フォントって何を使えばいいのか分からない。」センス良く見せたい。でもフォントを変えただけで一気にダサくなったり、雰囲気が崩れたり…。デザインの印象を大きく左右するのが、“フォント選び”です。

https://photoshopvip.net/165413

カルーセルはもうCSSだけで実装できる！ 疑似要素::scroll-button()と::scroll-marker()の使い方を解説

2025/05/09(Fri) 08:54

Chrome 135でサポートされた::scroll-button()疑似要素は、疑似要素としてインタラクティブなスクロールボタンを作成できます。さらに::scroll-marker()疑似要素は、スクロールコンテナ内の関連するすべてのアイテムに対してフォーカス可能なマーカーのセットを作成できます。

https://coliss.com/articles/build-websites/operation/css/carousel-using-only-css.html

SEO内製化したいならチェックすべき判断基準と実際のやり方・注意点

2025/05/07(Wed) 09:03

SEOの外注コストを削減したいと考えている方は、多いのではないだろうか。「SEOの内製化ってどうですか？おすすめですか？」という問いに率直に答えるなら、非常におすすめだ。ただし、理解と覚悟を持って取り組むのなら、という条件付きである。

https://lucy.ne.jp/bazubu/in-house-seo-2-53358.html

【Photoshop新機能】テキストが自動で整う！「ダイナミックテキスト」実際に使ってみた

2025/04/28(Mon) 08:52

文字を入力して、改行して、サイズや行間を微調整して……そんな地道な作業に、Photoshopがついに終止符を打ちました。新しくベータ版に追加された「ダイナミックテキスト」という機能、もう試してみましたか？ざっくり言うと、「テキストボックスの形に合わせて、文字が自動でいい感じに整列してくれる」夢のような機能。

https://photoshopvip.net/165011#google_vignette

UIデザイン用のアクセシブルなカラーパレットを自動生成するツール -Accessible Color Palette Generator

2025/04/24(Thu) 08:59

UIデザイン用のカラーパレットを作成するのは、簡単そうに思うかもしれません。しかし、アクセシビリティの要件を満たし、ブランドのアイデンティティやスケールのバランスが取れたカラーパレットを作成するには手間と時間がかかります。ほとんどのツールを使用しても、これらの要件を満たせるものは数が少ないです。

https://coliss.com/articles/build-websites/operation/design/accessible-color-palette-generator.html

無料・商用OKのおしゃれ＆かわいいフォントが探せる！新ライブラリ「Best Fonts」登場

2025/04/23(Wed) 09:11

「この前紹介したフォント、どの記事だったっけ？」ふと使いたくなって思い出そうとしても、雰囲気しか覚えてなくて、記事をひとつずつ開いて探すはめに…。これ、何度もくり返してきました。自分でまとめておいて、自分で探すのに苦労する謎ループ（笑）フォント選びって楽しいはずなのに、探すのが面倒で、その楽しさが半減してしまう。

https://photoshopvip.net/164927#google_vignette

読めばSEO分析ができる！初心者にもわかりやすく解説【2025年版】

2025/04/21(Mon) 08:54

「SEO分析のやり方がわからない」「どのツールを使えばいいのか、何を見ればいいのか、結果をどう解釈すればいいのか、完全に迷子になっている」このような悩みを抱えていないだろうか。SEOはビジネス成長に欠かせない要素となっており、その分析が重要なのはいうまでもない。しかし、見るべきところが多すぎて、出だしからつまずく方が後を絶たない。

https://lucy.ne.jp/bazubu/seo-analysis-available-53073.html

ツールチップの実装に役立つ！HTMLの新属性popover="hint"の使い方

2025/04/18(Fri) 09:00

前回の記事『階層メニューやトーストUIが簡単に作れる新技術!　JavaScriptで利用するポップオーバーAPI』ではポップオーバーAPIについて紹介しました。今回はその続編として、Chrome 133、Edge 133で新しく追加されたpopover="hint"属性に焦点を当てます。ツールチップなどのUIの実装に便利な属性で、その特徴や使い方、他の属性との違いを詳しく説明します。

https://ics.media/entry/250417/

ブックマークしておくと便利！ よく見かけるUIコンポーネントやUI要素を実装するCSSのまとめ -CSSnippets

2025/04/18(Fri) 08:59

Webサイトやスマホアプリでよく見かけるボタンやカード、フォーム、ローディングなど、UIコンポーネントやUI要素を実装するCSSのコード、Tailwind CSSのコード、さらにはReactのコードをまとめたCSSnippetsを紹介します。

https://coliss.com/articles/build-websites/operation/css/cssnippets-by-shefali.html#google_vignette