Web制作に役立つ情報一覧

Figmaの使い方も進化している！ デザインの現場でどのように活用するのかが分かる解説書 -Figmaではじめるデザインコラボレーション

2025/12/25(Thu) 09:06

Webサイトやスマホアプリの制作、UIデザインにFigmaを使用している人も多いと思います。確かに初期のFigmaはデザイナーがUIデザインに使うツールとしてがメインでしたが、現在のFigmaはアップデートが重ねられ、上流工程から下流工程まで幅広く活用できるツールに進化しています。Figmaをデザイナーだけでなく、エンジニアやPMなどを含むチーム全体で活用し、デザインのコラボレーションツールとして生産性を向上させるための手順やテクニックを詳しく解説した解説書を紹介します。

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

2025年、Web制作者がチェックしておきたいCSSの新機能のまとめ: CSSのワークフローがより便利になる新機能編

2025/12/24(Wed) 08:57

2025年のCSSの新機能のまとめは、いよいよ最終回。今回はCSSのワークフローがより便利になる新機能が盛りだくさんです！・attr()関数の進化・テキストの配置をより細かく制御できるtext-boxプロパティ・ついにCSSで使えるようになったif()関数・関数を自分で定義できる@function・スタイルクエリとif()における範囲構文・width: 100%;より便利なstretchキーワードなど、2026年はこれらの機能を使用していきたいですね。

https://coliss.com/articles/build-websites/operation/css/css-in-2025-ergonomics.html

これはかっこいい！ コピペで簡単に実装できる、ボタンのハイライトを繊細なアニメーションでパルスさせるエフェクト

2025/12/23(Tue) 09:02

ぱっと見、なんてことはないエフェクトのように見えるかもしれませんが、ボタンのハイライトを繊細なアニメーションでパルスさせるエフェクトを紹介します。シンプルなHTMLに、CSSをコピペするだけで簡単に実装できます。

https://coliss.com/articles/build-websites/operation/css/css-subtle-pulse-effect.html

2025年、Web制作者がチェックしておきたいCSSの新機能のまとめ: 進化しているインタラクション編

2025/12/22(Mon) 09:19

先日紹介したカスタマイズ可能な新しいコンポーネント編に続いて、2025年、CSSの新機能のまとめ: 進化しているインタラクション編を紹介します。今年もCSSの進化が早かった1年でした。一昔前にはJavaScriptや複雑なCSSを使用しないとできなかったことがたった一行、もしくは数行のCSSで簡単に実装できるようになりました。

https://coliss.com/articles/build-websites/operation/css/css-in-2025-interactions.html

表現が美しい日本語を学べる！ 言葉のイメージにあったイラストで和文化を堪能できる雑学教養本 -和のなるほど図鑑

2025/12/19(Fri) 08:53

表現が美しい日本語、想いが込められた花言葉、古から伝わる日本の伝統色、知っておきたい日本の名画、一度は訪れてみたい日本の世界遺産、自然に宿る日本の神様、おしゃれな着物の装飾と持ち物、日常で使っている日本の縁起物、など。まさに「なるほど！」と知識欲を満たすことができ、見て楽しめるデザインで、日本の雑学を知ることができる図鑑を紹介します。

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

記号文字を多用するプログラミング向け等幅フォント！ 記号文字が美しいバランスで、より見やすくデザインされている -Myna

2025/12/18(Thu) 08:57

Perl, Haskell, bash, Rust APLなど、記号文字を多用するプログラミング向けに、記号文字を英数字と同等の第一級グリフとして扱い、エディタに調和をもたらすことを目指してデザインされた等幅フォントを紹介します。

https://coliss.com/articles/freebies/monospace-typeface-designed-for-programming.html#google_vignette

2025年、Web制作者がチェックしておきたいCSSの新機能のまとめ: カスタマイズ可能な新しいコンポーネント編

2025/12/17(Wed) 08:57

今年もCSSの進化が早かった1年でした。一昔前にはJavaScriptや複雑なCSSを使用しないとできなかったことがたった一行、もしくは数行のCSSで簡単に実装できるようになりました。2025年、Web制作者がチェックしておきたいCSSの新機能: カスタマイズ可能な新しいコンポーネント編を紹介します。

https://coliss.com/articles/build-websites/operation/css/css-in-2025-components.html#google_vignette

CSSアンカーポジショニング入門 anchor()・anchor-size()の使い方

2025/12/17(Wed) 08:55

CSS Anchor Positioning（CSSアンカー位置指定）は、要素の位置やサイズを「特定の要素（アンカー）」を基準にコントロールできる仕組みです。その中心となるanchor()関数では位置を、anchor-size()関数ではサイズを相対的に指定できます。主要ブラウザでも対応が進み、2026年中には全モダンブラウザで使用可能になるでしょう。

https://ics.media/entry/251215/

デザインにおいてクライアントからのヒアリングに注目した、これまでになかった実践的な解説書 -デザインはヒアリングからはじまる

2025/12/15(Mon) 08:57

クライアントとのやり取り、チームでのヒアリングが思うようにいかないと悩んでいる人にお勧めの良書を紹介します。私はクライアントとのやり取りやヒアリングは好きな方ですが、本書を読んで「なるほど」と思うことが多々ありました。クライアントとのやり取りがある人は一度目を通しておくことをお勧めします。

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

2025年、日本語の新作フリーフォントのまとめ！ 今年も新しいフリーフォントがたくさんリリースされました

2025/12/12(Fri) 08:59

2025年もいよいよ年の瀬です、今年リリース・アップデートされたひらがな・カタカナ・漢字が使える日本語の新作フリーフォントを紹介します。漢字も揃った手書きフォントをはじめ、バリアブル、ゴシック、丸ゴシック、明朝、筆文字、ドットフォントなど、今年も盛りだくさんです！

https://coliss.com/articles/freebies/japanese-free-fonts-dec-2025.html