ログイン
2025年、Web制作者がチェックしておきたいCSSの新機能のまとめ: CSSのワークフローがより便利になる新機能編
2025年のCSSの新機能のまとめは、いよいよ最終回。 今回はCSSのワークフローがより便利になる新機能が盛りだくさんです！ attr()関数の進化 テキストの配置をより細かく制御できるtext-boxプロパティ ついに […]
リーディングビュー
これはかっこいい！ コピペで簡単に実装できる、ボタンのハイライトを繊細なアニメーションでパルスさせるエフェクト
ぱっと見、なんてことはないエフェクトのように見えるかもしれませんが、ボタンのハイライトを繊細なアニメーションでパルスさせるエフェクトを紹介します。 シンプルなHTMLに、CSSをコピペするだけで簡単に実装できます。 実際 […]
2025年、Web制作者がチェックしておきたいCSSの新機能のまとめ: 進化しているインタラクション編
先日紹介したカスタマイズ可能な新しいコンポーネント編に続いて、2025年、CSSの新機能のまとめ: 進化しているインタラクション編を紹介します。 今年もCSSの進化が早かった1年でした。一昔前にはJavaScriptや複 […]
表現が美しい日本語を学べる！ 言葉のイメージにあったイラストで和文化を堪能できる雑学教養本 -和のなるほど図鑑
※本ページは、アフィリエイト広告を利用しています。 表現が美しい日本語、想いが込められた花言葉、古から伝わる日本の伝統色、知っておきたい日本の名画、一度は訪れてみたい日本の世界遺産、自然に宿る日本の神様、おしゃれな着物の […]
記号文字を多用するプログラミング向け等幅フォント！ 記号文字が美しいバランスで、より見やすくデザインされている -Myna
Perl, Haskell, bash, Rust APLなど、記号文字を多用するプログラミング向けに、記号文字を英数字と同等の第一級グリフとして扱い、エディタに調和をもたらすことを目指してデザインされた等幅フォントを紹 […]
2025年、Web制作者がチェックしておきたいCSSの新機能のまとめ: カスタマイズ可能な新しいコンポーネント編
今年もCSSの進化が早かった1年でした。一昔前にはJavaScriptや複雑なCSSを使用しないとできなかったことがたった一行、もしくは数行のCSSで簡単に実装できるようになりました。 2025年、Web制作者がチェック […]
Kindle本のクリスマスセールが開催！ 人気のデザイン書、タイポグラフィ、絵師さん向けのイラスト書などがお買い得です
※本ページは、アフィリエイト広告を利用しています。 Amazonで、Kindle本のクリスマスセールが開催しています！ デザイン書、タイポグラフィ本、Notionの解説書、同人誌・絵師さん向けのイラスト書などがたくさんセ […]
デザインにおいてクライアントからのヒアリングに注目した、これまでになかった実践的な解説書 -デザインはヒアリングからはじまる
※本ページは、アフィリエイト広告を利用しています。 クライアントとのやり取り、チームでのヒアリングが思うようにいかないと悩んでいる人にお勧めの良書を紹介します。 私はクライアントとのやり取りやヒアリングは好きな方ですが、 […]
2025年、日本語の新作フリーフォントのまとめ！ 今年も新しいフリーフォントがたくさんリリースされました
2025年もいよいよ年の瀬です、今年リリース・アップデートされたひらがな・カタカナ・漢字が使える日本語の新作フリーフォントを紹介します。 漢字も揃った手書きフォントをはじめ、バリアブル、ゴシック、丸ゴシック、明朝、筆文字 […]
ネタバレのテキストを非表示にする、美しいパーティクルアニメーションを備えた高速で軽量なコンポーネント -spoilerjs
ネタバレのテキストをTelegram風のパーティクルアニメーションを備えたエフェクトで非表示にし、クリックするとそのテキストが表示されるJavaScriptで実装された軽量のWebコンポーネントを紹介します。 依存関係は […]
モーダルが開いている間、その下のページが連鎖してスクロールしてしまうのを回避するCSSの新しいテクニック
スクロールチェーン（スクロールの連鎖）とは、ページ上にスクロールするコンテンツ（ダイアログやモーダルなど）があり、そのコンテンツをスクロールして終点に到達するとその下のページのコンテンツもスクロールしてしまう現象です。 […]
2026年のトレンドカラーはあらゆる色彩を輝かせる繊細なホワイト「クラウド ダンサー」、HTMLのコードは「#F0EEE9」
Pantoneから2026年のトレンドカラーが発表されました。 2026年のトレンドカラーはあらゆる色彩を輝かせる繊細なホワイトの「クラウド ダンサー（Cloud Dancer）」、新たな始まりを示唆した色合いです。 ホ […]
色の美しい世界にときめいて、色の知識も深まる、かわいくて小さな極上本 -誰も知らない色の物語
※本ページは、アフィリエイト広告を利用しています。 さまざまな色が紡ぐ物語、おとぎ話に登場する色、花や草木、宝石などの色、神話や歴史に登場する色、色には色の数だけ物語があります。 心が惹かれる150色の物語が収録された、 […]
Web制作者は要チェック！ Chrome 143で新しく追加された4個のCSSの機能
12/3にアップデートされたChrome 143に追加された、CSSとUIに関する新しい機能を紹介します。 今回のアップデートの注目は、CSSの「@container anchored(fallback)」という新しいク […]
ブックマークしておくと便利！ デスクトップのモニターからスマホまで、あらゆるスクリーンのドット抜け・表示ムラをテストできる無料ツール -Free Screen Test Tool
デスクトップ用のモニターをはじめ、ノートパソコンのスクリーン、タブレット、スマホ、テレビ、プロジェクターなど、さまざまなデバイスのあらゆるスクリーンのドット抜け、単色テスト、グラデーションテスト、グリッドパターン、モーシ […]
商用でも完全に無料、帰属も必要なし！ ポップでおしゃれなイラスト素材がダウンロードできる日本人によるサイト -pople
日本人のクリエイターが描いた、海外風のポップでおしゃれなイラスト素材がダウンロードできるサイトを紹介します。 イラスト素材は透過PNGとSVGが揃っており、個人でも商用プロジェクトでも無料で利用できます。 ポップでシンプ […]
2025年のAmazon ブラックフライデーもいよいよ最終日！ 私が購入したもの、超目玉お買い得品を紹介します
※本ページは、アフィリエイト広告を利用しています。 年に一度のビッグセール「Amazon ブラックフライデー 2025」が期間限定で開催されており、本日（12/1）がセール最終日です。 ブラックフライデーはこの一年で最安 […]
今、注目のイラストレーターがこれでわかる！ 総勢158名の作品を集めたイラスト年鑑 -GREATEST ILLUSTRATIONS!!
※本ページは、アフィリエイト広告を利用しています。 イラストを見るのが好きな人、素晴らしい印刷でイラストを楽しみたい人、イメージしているイラストを探したい人、イラストレーターの連絡先を知りたい人、イラスト制作を依頼したい […]
CSSで最近よく使うOKLCHカラーについて理解を深めよう、異なる色でトーンを合わせたり、単色のシェードも簡単
CSSでは、さまざまなカラーモデルで色を設定できます。16進数によるHEX値、rgb()によるRGB値、hsl()によるHSL値、lab()によるLAB値、oklch()Oklch値、oklab()によるOklab値など […]
Web制作者は腕試し！ JavaScriptやReactなどのコードでキーボードのタイピング練習ができるAIアプリ -TypeQuicker
キーボードで文書や単語のタイピング練習をはじめ、JavaScriptやReactなどのコードでもタイピング練習ができるオンラインツールを紹介します。 タイピング練習できるサイトはたくさんありますが、本ツールはAIによる詳 […]
