年明けは気分一新! 2026年、CursorやVS Codeで最近人気のテーマや機能拡張
Post on:2026年1月7日
年明けは気分一新したいですね。日常的に使用しているものを新調すると、良い1年が過ごせると言われています。
とは言っても、新調するのにはお金がかかるので、エディタのテーマを新調して、気分を一新てみるのはどうでしょうか。CursorやVS Codeで使用できる最近人気のテーマや機能拡張を紹介します。

Kindle本の年末年始セールがすごい! セール初登場のデザイン書・Web制作の解説書・イラスト解説書も最安値でお買い得
Post on:2026年1月6日
※本ページは、アフィリエイト広告を利用しています。
Kindle本の年末年始特大セールが開催されています。Webや紙のデザイン、HTML/CSSなどWeb制作の解説書、ディレクションやマーケティング、同人誌・絵師さん向けのイラストの良書がたくさんセール対象です!
セール期間は、1/8まで。
スクロールバーを見ると分かると思いますが、かなりの数がセール対象になっています。対象のKindle本は最安値(当方調べ)、セール初登場もあり、貴重なこの機会をお見逃しないように。
今回のセールには半額オフに加え、さらに約50%ポイント還元がされる超々お買い得もあります。

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をコピペするだけで簡単に実装できます。












