Web制作に役立つ情報一覧

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

これは朗報！ width: 100%;より便利なstretchキーワードが使えるようになります、Chrome 138で新しく追加された6個のCSSの機能

2025/07/03(Thu) 09:08

先日リリースされたChrome 138で追加された、CSSの新しい機能6個を紹介します。今回のアップデートで目玉は、stretchキーワードをはじめ、新しい関数がいくつかサポートされました。Web制作者は要チェックです！

https://coliss.com/articles/build-websites/operation/work/chrome-138-adds-6-new-css-feature.html#google_vignette

【2025年版】SEOとは？ 企業が実施するSEOの目的・内容とメリット・デメリット

2025/07/02(Wed) 09:09

SEOとは、検索エンジンで上位に表示されるようWebサイトを最適化する取り組みです。近年はAI Overviews（旧SGE）などの生成AIによる検索結果表示が進化し、従来の順位よりも「AIに引用されやすい情報設計」が重要になっています。キーワードだけでなく「意味」や「構造」、そして「信頼性」がSEO成功のカギです。

https://seojapan.com/column/seo/

新作フリーフォントがリリース！ マンガや同人誌、動画のタイトルにぴったりな超極太ゴシック体「源暎きわみゴ」

2025/07/01(Tue) 09:06

「源暎アンチック」「源暎エムゴ」「源暎こぶり明朝」など、マンガや同人誌などに使えるフリーフォントを数多くリリースされている「おこねや」から新作のフリーフォントがリリースされました！

https://coliss.com/articles/freebies/free-fon-genei-kiwamigo.html#google_vignette

このデザイン、どうコーディングする？ #7｜縦書き⇔横書きをCSSだけでスマートに切り替えるには？writing-modeと論理プロパティを使いこなす

2025/06/30(Mon) 09:00

縦書き、そろそろ避けて通れなくなってきました。以前は「Webは横書き前提」が常識でしたが、最近は日本語デザインでの縦書きニーズもちらほら見かけるようになりました。特にFigmaなどで、「スマホでは縦書きで見せたい」といった指示があると、ちょっと焦りますよね。

https://fastcoding.jp/blog/all/frontend/css-writing-mode-tategaki/

商用利用OKの無料版と有料版が同時リリース！ 万年筆で一文字ずつ手書きされた、やさしい雰囲気のフォント「ノエリーフ」

2025/06/25(Wed) 08:48

愛嬌のある丸ゴシック「くすくすあめ」暗号チックな「セネシオまちっく」など、かわいいフォントをリリースされているf6typeから、新作フリーフォントがリリースされました！

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

こういうデザイン書が欲しかった！ 日本語フォントを使用したデザインの知識と実践テクニックが基礎から学べる解説書 -怖くないタイポグラフィ

2025/06/23(Mon) 08:59

デザインにどういうフォントを使えばよいのか、使用するフォントの善し悪し、読みやすくなる文字組みのこつ、魅力的な文字レイアウトのテクニック、さまざまなタイトルの作り方など、デザインで文字に関する特に日本語フォントについて基本から詳しく解説した保存版のデザイン書を紹介します。

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

カッコいいだけじゃ足りない！2025年ロゴトレンド完全ガイド

2025/06/20(Fri) 09:03

2025年のロゴデザインは、「AI×未来派」と「サステナブル×アナログ」という2つの潮流が交差しています。前者はビビッドでハイコントラスト、後者は自然な色味と温もりを大切にしたもの。どちらも異なるアプローチで、これからのデザインの本質的な変化を映し出しています。

https://photoshopvip.net/166164

CSS GridやFlexboxでアイテム間のスペース（ギャップ）をスタイル設定するCSSの新しいテクニック

2025/06/20(Fri) 09:02

CSS GridやFlexboxは非常に便利ですが、アイテム間のスペース（ギャップ）をスタイルするときにはボーダーや疑似要素や背景画像を使ったハックでしか実装できませんでした。

https://coliss.com/articles/build-websites/operation/css/new-way-to-style-gaps-in-css.html