Web制作に役立つ情報一覧

CSSでスタイルクエリ（@container style()）を使えるようになると、実装がいろいろ便利になる

2024/03/21(Thu) 09:01

コンテナクエリがすべてのモダンブラウザの安定版でサポートされ、メディアクエリに代わり、コンテナクエリを使用する機会も増えてきたと思います。コンテナクエリは親コンテナに基づいてスタイルを定義できるものですが、親のサイズによるクエリだけではありません。親のスタイル値によるクエリ（スタイルクエリ）も可能です。スタイルクエリを使えるようになると、どんな風に便利になるかを紹介します。

https://coliss.com/articles/build-websites/operation/css/superpowered-container-style-queries.html

デザインが楽になる、ずるい最新ツール・素材40個まとめ

2024/03/19(Tue) 08:56

「毎日のように数えきれない数のツールやサービスが登場し、どれが本当に必要なのかわからない」という方へ。今回は、2024年に入って公開されたデザインに役立つ無料素材やツールをまとめてご紹介します。

https://photoshopvip.net/156103

いくつ知ってる？有名ブランドが利用しているフリーフォントまとめ

2024/03/14(Thu) 09:02

「あのブランドで使っているフォントって何？」そんな疑問をすっきり解決する、有名ブランドで利用されている書体を一覧リストでまとめてご紹介。

https://photoshopvip.net/156028

これでもうUIデザイン用のSVGアイコンに困らない！ 商用無料のSVGアイコンを横断検索・ダウンロードでき、カスタマイズもできる便利サイト -Iconbuddy

2024/03/13(Wed) 08:52

商用で無料利用できる、MITライセンスなどのオープンソースで利用できるSVGアイコンは、たくさんのサイトからリリースされています。これらをまとめて検索してダウンロードでき、しかもカスタマイズもできてしまう便利サイトを紹介します。

https://coliss.com/articles/freebies/iconbuddy-for-free-svg-icons.html

CSSだけでif〜else文と同じことができる！ しかもすべてのブラウザでサポートされています

2024/03/13(Wed) 08:50

CSSでif〜else文が使えたら、と思ったことはありませんか？もちろんifとかelseはCSSにはありませんが、CSSだけでif〜else文と同じようにスタイルを設定できます。

https://coliss.com/articles/build-websites/operation/css/css-if-else-clauses.html

著作権フリーで商用可。AI生成のフリー画像サイトLummi

2024/03/12(Tue) 08:52

AIを活用することで、こんな便利なサイトが増えてきそうな予感。Webサイトや広告バナー、SNSやYouTube用サムネイルなど利用機会の多いフリー画像サイトですが、AIと人間が手を組んだ新しいサイトが登場。素材はすべてロイヤリティフリーで自由に利用することができ、本物と見分けがつかないほどリアルな見た目も特長です。

https://photoshopvip.net/155992

Google Analytics 4 以外でウェブサイトを分析・改善するための無料ツール群とオウンドメディアでの活用法

2024/03/08(Fri) 09:02

Google Analytics 4はアクセス解析ツールのスタンダードとして、多くの企業やサイトに導入されています。しかし利用ハードルが高いのもまた事実です。数多くあるレポートや、自由度が高すぎて迷ってしまう探索レポート、独自の用語なども沢山あり、利用に苦労されている方も多いのではないでしょうか。

https://business.hatenastaff.com/entry/2024/03/06/103000

商用可のフリーフォントを探すときに見たいおすすめサイト16選

2024/03/01(Fri) 08:58

オシャレでかわいくて、商用利用もできるフリーフォントを探しているときに参考にしたいフォントサイトをまとめています。ここでは、無料でダウンロードでき、プロジェクトを魅力的するフリーフォントを揃えたおすすめサイトをリスト形式でご紹介します。

https://photoshopvip.net/155794

フォント選びはビジュアルコミュニケーションの要〜意思を持ったフォント選びでデザインの解像度をあげる〜

2024/02/29(Thu) 08:55

だれでも論理的にデザインの意図を理解できるよう、フォントを声色、文字間を話し方、色を性格になぞらえ解説した『わかる！使える！デザイン』の著者でもある、アートディレクターの小杉幸一さん。

https://note.morisawa.co.jp/n/n6ec70a8f3b12

文字を入力すれば決まる、オシャレな最新フリーフォント40個まとめ

2024/02/27(Tue) 09:06

フォントコレクター歴10数年の私がおすすめする、オシャレでかわいい実用的な新作フォントをご紹介。このリストを使えば、フォントを探し回る手間と時間をぐっと省くことができ、どんなスタイルが人気なのか見えてきます。

https://photoshopvip.net/155663