2025年、Web制作・デザインに役立つ記事の総まとめ
Post on:2025年12月26日
2025年、当サイトで公開した記事の中から注目された記事をジャンル別にまとめました。今年を振り返りつつ、来年のWeb制作にも役立つオススメです。
2026年用、日本語のフリーフォント817種類のまとめ -商用サイトだけでなく紙や同人誌などの利用も明記
Post on:2025年12月25日
個人でも商用でも無料利用できる、日本語のフリーフォント817種類を紹介します。
Webデザイン、アプリ、動画、紙のデザインをはじめ、クライアントのプロジェクトでも販売する同人誌まで、幅広く利用できる無料フォントが満載です！
前年の767からフリーフォントが58-8種類増えています！
※年々、サイト閉鎖などでいくつかのフォントが減っています。気になったフォントはダウンロードできるうちにダウンロードしておくことをお勧めします。
Figmaの使い方も進化している！ デザインの現場でどのように活用するのかが分かる解説書 -Figmaではじめるデザインコラボレーション
Post on:2025年12月24日
※本ページは、アフィリエイト広告を利用しています。
Webサイトやスマホアプリの制作、UIデザインにFigmaを使用している人も多いと思います。確かに初期のFigmaはデザイナーがUIデザインに使うツールとしてがメインでしたが、現在のFigmaはアップデートが重ねられ、上流工程から下流工程まで幅広く活用できるツールに進化しています。
Figmaをデザイナーだけでなく、エンジニアやPMなどを含むチーム全体で活用し、デザインのコラボレーションツールとして生産性を向上させるための手順やテクニックを詳しく解説した解説書を紹介します。
Affinityの有料版を買ってた人に朗報！ v3無料化記念、v1, v2ユーザーは有料フォントが無料でダウンロードできます
Post on:2025年12月24日
2025年11月にAffinityが無料化という大きなニュースがありましたが、同時に既存のv1, v2ユーザーに有料フォントを無料でプレゼントするという予告も実はありました。
気がつかなかった人や忘れていた人もいるかと思いますが、ようやく既存ユーザーに有料フォントをプレゼントする企画が実施されたので、紹介します。
2025年、Web制作者がチェックしておきたいCSSの新機能のまとめ: CSSのワークフローがより便利になる新機能編
Post on:2025年12月23日
2025年のCSSの新機能のまとめは、いよいよ最終回。
今回はCSSのワークフローがより便利になる新機能が盛りだくさんです！
attr()関数の進化- テキストの配置をより細かく制御できる
text-boxプロパティ - ついにCSSで使えるようになった
if()関数 - 関数を自分で定義できる
@function - スタイルクエリと
if()における範囲構文 width: 100%;より便利なstretchキーワード
など、2026年はこれらの機能を使用していきたいですね。
これはかっこいい！ コピペで簡単に実装できる、ボタンのハイライトを繊細なアニメーションでパルスさせるエフェクト
Post on:2025年12月22日
ぱっと見、なんてことはないエフェクトのように見えるかもしれませんが、ボタンのハイライトを繊細なアニメーションでパルスさせるエフェクトを紹介します。
シンプルなHTMLに、CSSをコピペするだけで簡単に実装できます。
2025年、Web制作者がチェックしておきたいCSSの新機能のまとめ: 進化しているインタラクション編
Post on:2025年12月19日
先日紹介したカスタマイズ可能な新しいコンポーネント編に続いて、2025年、CSSの新機能のまとめ: 進化しているインタラクション編を紹介します。
今年もCSSの進化が早かった1年でした。一昔前にはJavaScriptや複雑なCSSを使用しないとできなかったことがたった一行、もしくは数行のCSSで簡単に実装できるようになりました。
表現が美しい日本語を学べる！ 言葉のイメージにあったイラストで和文化を堪能できる雑学教養本 -和のなるほど図鑑
Post on:2025年12月18日
※本ページは、アフィリエイト広告を利用しています。
表現が美しい日本語、想いが込められた花言葉、古から伝わる日本の伝統色、知っておきたい日本の名画、一度は訪れてみたい日本の世界遺産、自然に宿る日本の神様、おしゃれな着物の装飾と持ち物、日常で使っている日本の縁起物、など。
まさに「なるほど！」と知識欲を満たすことができ、見て楽しめるデザインで、日本の雑学を知ることができる図鑑を紹介します。
