ログイン
CursorやVS Codeで、インデントのガイドラインをアクティブなガイドラインだけ表示させる方法
CursorやVS Codeのエディタで、インデントのガイドラインをアクティブなガイドラインだけハイライト表示させる方法を紹介します。 通常（左）はその箇所を含むすべてのインデントのガイドラインが表示されますが、右のよう […]
リーディングビュー
HTML Living StandardとモダンCSS、最新ブラウザに完全対応！ 目的別で分かりやすいリファレンス本 -HTML＆CSSポケットリファレンス 改訂第4版
※本ページは、アフィリエイト広告を利用しています。 『HTML＆CSSポケットリファレンス』の改訂第4版が、発売されました！ 先週発売されたばかりの最新刊で、HTML Living StandardとモダンCSSに対応 […]
UIデザインのクオリティが格段にアップする！ 感覚的ではなく、論理的にデザインを改善するポイントを解説
WebサイトやスマホアプリのUIを魅力的に、そして一貫性のあるデザインに改善するときに役立つUIデザインの知識とテクニックを紹介します。 直感や感覚的な曖昧なものではなく、明確で論理的なガイドラインに基づいて改善すること […]
Chromeのタブがさらに便利に進化！ 分割表示の次は、なんとタブを垂直に表示できる -Vertical Tabs
Chromeは先日のアップデートで、1つのタブ内を分割して2つのWebページを表示できるようになりましたが、さらに便利に進化して、タブを垂直で管理できるようになります！ 水平だとタブを10個くらい開くと、タイトルが小さく […]
これはかなり便利！ 1クリックであらゆるWebサイトのデザインやアセットを抽出できるChromeの拡張機能 -MiroMiro
昨年末にリリースされたばかり、Chromeの便利な拡張機能を紹介します。 MiroMiroは1クリックするだけで、表示しているサイトを分析、デザイン要素を抽出、本番環境で使えるアセットに変換するオールインワンの拡張機能で […]
Amazonでアドビセールが開催！ Creative Cloud Proが51％オフ、アドビの株価は52週最安値の300割れに
※本ページは、アフィリエイト広告を利用しています。 Amazonで、アドビの新年スタート応援セールが開催されています！ セール期間は1/29（木）まで。前回のセールはブラックフライデーでしたが、こんなに早いタイミングで半 […]
すごく分かりやすい！ デザインにおけるトーン＆マナーの考え方、揃え方を詳しく解説したデザイン書 -トンマナの基本
※本ページは、アフィリエイト広告を利用しています。 一つひとつはいいんだけど、全体で見るとなんかバラバラ、そういうデザインは「トンマナが揃っていない」と言われます。 ここ数年で、デザインのトーン＆マナーを重要視しているW […]
ついにChromeでも1つのタブ内を分割して2つのWebページを表示できるように、Chrome 144で新しく追加された8個のCSSの機能
1/13にアップデートされたChrome 144に追加された、CSSとUIに関する新しい機能を紹介します。 今回のアップデートで注目すべきは、ページ内検索の検索結果をスタイルする::search-text疑似要素、スクロ […]
ソシム社冬の大感謝祭、Kindle本の特大セールが開催！ 人気のデザイン書・Web制作の解説書が51％オフで超お買い得です
※本ページは、アフィリエイト広告を利用しています。 ソシム社冬の大感謝祭、Kindle本の特大セールが開催です！！🎉 このセールを待っていた人も多いと思います！ 人気のデザイン書がぜんぶ51％オフ、さらに […]
ソースネクストで新春の特大セールが開催！ 1Passwordが驚くほどお安くなっています！！
※本ページは、アフィリエイト広告を利用しています。 ソースネクストの新春セールで、1Password 3年版が驚くほどお安くなっています！ 公式サイトで購入すると約17,000円のところ、セールで9,980円！ さらに追 […]
良書がいっぱい！ ビー・エヌ・エヌ社の貴重なセールが開催、Web制作・デザイン・イラスト関連のKindle本がお買い得です
※本ページは、アフィリエイト広告を利用しています。 当ブログでも人気が高く、良書揃いのビー・エヌ・エヌ社のKindle本セールが開催しています！ ビー・エヌ・エヌ社のセールは年に一・二回、非常に貴重です。今回は丸1年ぶり […]
年明けは気分一新！ 2026年、CursorやVS Codeで最近人気のテーマや機能拡張
年明けは気分一新したいですね。日常的に使用しているものを新調すると、良い1年が過ごせると言われています。 とは言っても、新調するのにはお金がかかるので、エディタのテーマを新調して、気分を一新てみるのはどうでしょうか。Cu […]
Kindle本の年末年始セールがすごい！ セール初登場のデザイン書・Web制作の解説書・イラスト解説書も最安値でお買い得
※本ページは、アフィリエイト広告を利用しています。 Kindle本の年末年始特大セールが開催されています。Webや紙のデザイン、HTML/CSSなどWeb制作の解説書、ディレクションやマーケティング、同人誌・絵師さん向け […]
2025年、Web制作・デザインに役立つ記事の総まとめ
2025年、当サイトで公開した記事の中から注目された記事をジャンル別にまとめました。今年を振り返りつつ、来年のWeb制作にも役立つオススメです。 Web制作全般 AI関連 デザインのテクニック・インスピレーション Ado […]
2026年用、日本語のフリーフォント817種類のまとめ -商用サイトだけでなく紙や同人誌などの利用も明記
個人でも商用でも無料利用できる、日本語のフリーフォント817種類を紹介します。 Webデザイン、アプリ、動画、紙のデザインをはじめ、クライアントのプロジェクトでも販売する同人誌まで、幅広く利用できる無料フォントが満載です […]
Figmaの使い方も進化している！ デザインの現場でどのように活用するのかが分かる解説書 -Figmaではじめるデザインコラボレーション
※本ページは、アフィリエイト広告を利用しています。 Webサイトやスマホアプリの制作、UIデザインにFigmaを使用している人も多いと思います。確かに初期のFigmaはデザイナーがUIデザインに使うツールとしてがメインで […]
Affinityの有料版を買ってた人に朗報！ v3無料化記念、v1, v2ユーザーは有料フォントが無料でダウンロードできます
2025年11月にAffinityが無料化という大きなニュースがありましたが、同時に既存のv1, v2ユーザーに有料フォントを無料でプレゼントするという予告も実はありました。 気がつかなかった人や忘れていた人もいるかと思 […]
2025年、Web制作者がチェックしておきたいCSSの新機能のまとめ: CSSのワークフローがより便利になる新機能編
2025年のCSSの新機能のまとめは、いよいよ最終回。 今回はCSSのワークフローがより便利になる新機能が盛りだくさんです！ attr()関数の進化 テキストの配置をより細かく制御できるtext-boxプロパティ ついに […]
これはかっこいい！ コピペで簡単に実装できる、ボタンのハイライトを繊細なアニメーションでパルスさせるエフェクト
ぱっと見、なんてことはないエフェクトのように見えるかもしれませんが、ボタンのハイライトを繊細なアニメーションでパルスさせるエフェクトを紹介します。 シンプルなHTMLに、CSSをコピペするだけで簡単に実装できます。 実際 […]
2025年、Web制作者がチェックしておきたいCSSの新機能のまとめ: 進化しているインタラクション編
先日紹介したカスタマイズ可能な新しいコンポーネント編に続いて、2025年、CSSの新機能のまとめ: 進化しているインタラクション編を紹介します。 今年もCSSの進化が早かった1年でした。一昔前にはJavaScriptや複 […]
