これには思わず二度見、いや三度見しました！ Photoshop, Illustrator, Premiere Pro, Lightroom, Acrobat Pro, After Effects, InDesignのAd […]

※本ページは、アフィリエイト広告を利用しています。 AIが当たり前になりつつある現在、デザインのワークフローも劇的な変化をし始めています。エディタをはじめ、AdobeやFigmaなどにもAIが採用され、意識せずにAIを使 […]

CSSの@supportsはブラウザがその機能をサポートしているか検出するのに便利ですが、単独の機能しか検出ができません。 たとえば、gapは現在はflexboxでサポートされていますが、当初はCSS Gridのみでした […]

Webページのさまざまな要素（カードやボタンなど）をリアルなガラスにするエフェクトライブラリを紹介します。 リキッドグラスのエフェクトは非常に美しく、屈折、ばかし、色収差、ライティングなども設定でき、かなりリアルなガラス […]

先週アップデートされたChrome 154に追加された、CSSとUIに関する新しい機能を紹介します。 今回のアップデートで注目すべきは、iframeがレスポンシブなサイズ調整が可能になり、text-decoration- […]

※本ページは、アフィリエイト広告を利用しています。 Kindle本の秋の特大セールが開催されています。Webや紙のデザイン、創作用辞典、同人誌・絵師さん向けのイラストの良書がたくさんセール対象です！ セール期間は、10/ […]

※本ページは、アフィリエイト広告を利用しています。 デザインで役立つのは、さまざまな引き出し持っておくこと。バナーのデザインに特化されたデザイン書を紹介します。 バナーに特化されたデザイン書は最近増えてきましたが、本書の […]

ほっこりとした癒やし系、手書きの日本語フリーフォントを紹介します。 「おかんのてがみ mini」はひらがな・カタカナをはじめ、英数記号文字の全361文字が収録されており、縦書きにも対応しています。 おかんのてがみ min […]

※本ページは、アフィリエイト広告を利用しています。 2026年3月にアップデートされたClip Studio Paint ver.5対応の解説書は、初じゃないでしょうか。 プロのイラストレーター、絵師さんたちが使用するク […]

日本の浮世絵にインスパイアされ、日の丸のポスターのように描かれた再利用可能なUI要素・UIコンポーネントのキットを紹介します。 テキストや罫線には墨色、背景色にはくすんだ和紙のような色、アクセントカラーには日の丸の紅色を […]

Appleから折りたためるスマホ「iPhone Duo」がついに発表されました。364,800円からというお値段も驚きですが、UIデザイナーはその多彩なビューポートに面倒だなと思った人もいると思います。 WebページやW […]

先週アップデートされたChrome 153に追加された、CSSとUIに関する新しい機能を紹介します。 今回のアップデートで注目すべきは、最上行と最上列を固定表示した表をCSSで実装できる「単一軸のスクロールコンテナ」、ユ […]

※本ページは、アフィリエイト広告を利用しています。 不易流行とは松尾芭蕉による哲学で、変わらない本質的な価値（不易）を大切にしながら、時代に応じて変化するもの（流行）を取り入れるという、相反する2つが備わることで新しい価 […]

Webページに使用されているHTMLとCSSをスキャンして、古いHTMLとCSSが使用されている箇所を指摘し、それに置き換わるモダンHTMLとCSSを提案してくれるオンラインツールを紹介します。 現在では必要のないプレフ […]

弁当グリッドは見栄えがいいレイアウトですが、HTMLとCSSで実装するとすこし難しいかもしれません。完成レイアウトを調整しながら、HTMLとCSSのコード（Tailwind CSS用も）を生成してくれる無料ツールを紹介し […]

WebサイトやスマホアプリのUI要素やコンポーネント、レイアウトに繊細なアニメーションによる動きを加えるCSSフレームワークを紹介します。 依存関係はゼロ、非常に軽量で、初心者でも扱いやすいCSSに設計されています。cl […]

※本ページは、アフィリエイト広告を利用しています。 Kindle本 高価格帯タイトルセールが開催しています！ 高価格帯と聞くと身構えてしまうかもしれませんが、私の感覚だとすべて普通の価格帯だと思います。高価格帯というと5 […]

※本ページは、アフィリエイト広告を利用しています。 ノーコードでWebサイトを制作できるデザインツール「Studio」、ちょっと目を離すとサービス内容が強化されていたり、ツール自体が進化していたりします。 機能改善やアッ […]

section要素を積み重ねたときに、一つの要素だけ背景色をブラウザの幅いっぱいに広げるモダンCSSのテクニックを紹介します。 下記は2番目のテキスト要素のとこだけオレンジ色の背景色をブラウザの幅いっぱいに広げたものです […]

Adobeを長年使用してきて、もやもやしていたのが、アイコンのデザインです。 円グラフにしてはバランスがおかしいし、右下にはなんか切れ端があるし、これって一体何だろう？ とずっと疑問に思っていました。 このアイコンはAd […]

先週アップデートされたChrome 152に追加された、CSSとUIに関する新しい機能を紹介します。 今回のアップデートで注目すべきは、元のカラーの透明度だけ変更できる相対アルファカラー、HTMLのグローバル属性「aut […]

※本ページは、アフィリエイト広告を利用しています。 Amazonでビッグセール「スマイルSALE」が開催しています。このセールでは特に生活用品が数多く対象になっており、通常のセールよりもかなり安くなって、非常にお買い得で […]

※本ページは、アフィリエイト広告を利用しています。 キャラクターのイラストを描くためにクロッキーを試してみたけど、なんだかよく分からない。人体ポーズが難しくて挫折した、クロッキーってイラストに意味があるの？ そんな人たち […]

CSSで複数のセレクタをまとめて記述できたら楽なのに、と思ったことがある人も多いと思います。 .btn-primary, .btn-secondary, .btn-danger といった同じプレフィックスを持つ複数のクラ […]

ディスプレイが眩しい、なんだか目が疲れる、と感じたことはありませんか？ ディスプレイの輝度やコントラストを調整したり、濃淡や色味を変えている人もいると思います。また、ブルーライトを軽減するメガネをかけたりしているかもしれ […]

アドビ公式から、PhotoshopとIllustratorとPremiereの数あるショートカットの中で、プロのデザイナーによく使われているものをまとめた作業効率が劇的に上がるショートカットのチートシートを紹介します。 […]

※本ページは、アフィリエイト広告を利用しています。 Webのアクセシビリティってなんだか難しそう、つい後回しにしてしまう、そんな人もいるかもしれません。 難しく考える必要はありません。より多くの人が、より快適にアクセスで […]

ゆる～い感じがかわいい、手書きの日本語フリーフォントを紹介します。 「おやつぽっけフォント」はひらがな・カタカナ・英数記号文字はもちろん、JIS第1水準の漢字までほぼ完備されています！ おやつぽっけフォント まずはさっそ […]

※本ページは、アフィリエイト広告を利用しています。 1Password公式の値上げのペースがすごい勢いですね。 今年の5月に値上げされ、さらに11月にも値上げが予定されています。しかも11月は、4,050円/年が8,20 […]

ピュアCSSで実装された66種類のテキストエフェクトをまとめたライブラリを紹介します。JavaScriptや外部ライブラリへの依存はなし、HTMLとCSSだけで実装されており、コピペで簡単に利用できます。 幻想的なオーロ […]

Windows環境でAdobe Acrobatの自動更新が有効になっていると、Adobe Express Photosが勝手にインストールされようになりました。 しかもこのAdobe Express Photosはアンイ […]

※本ページは、アフィリエイト広告を利用しています。 Amazonで、Kindle本 サマーセール第2弾が開催です！ Webや紙のデザイン、HTML/CSSなどWeb制作の解説書、同人誌・絵師さん向けのイラストの良書がたく […]

※本ページは、アフィリエイト広告を利用しています。 8月4日にGemini Notebookの超大型アップデートがアナウンスされました！ 今まさに注目されているGemini Notebookの仕事で便利に使いこなすテクニ […]

HomeページからAboutページに移動する際はページ全体が左にスライド、AboutからHomeに戻る際は右にスライド、このように同じナビゲーションを使用して遷移元と遷移先で異なる挙動を実装するにはJavaScriptが […]

各デバイスのスクリーンサイズの一覧表、ブレイクポイントはいくつに設定すればいいのか、ブレイクポイントが機能しているかなど、レスポンシブを実装する際に役立つツールがまとめて利用できるScreenSize.netを紹介します […]

先週アップデートされたChrome 151に追加された、HTML/CSSとUIに関する新しい機能を紹介します。 今回のアップデートで注目すべきは、カメラやマイクにアクセスできるusermedia要素、position-a […]

「くるん・デコ」「になロマン」「最強少女」「薄幸少女」「ぽこミミフォント」など、楽しくてかわいいフリーフォントをたくさんリリースされている213ちゃんから、新作フリーフォントがリリースされました！ 今回は漢字が入った新シ […]

※本ページは、アフィリエイト広告を利用しています。 キャラクターのイラストがなんか思ったように描けない、イラストを描いてもぜんぜん楽しくない、そんな人にお勧めのイラスト入門書を紹介します。 イラストを描くのが難しいと思っ […]

WebサイトやスマホアプリのUIでよく見かけるけど、これはなんて名前？ 役割は？ というのが分かるUIデザイン用のビジュアル辞書を紹介します。 デザイナーやデベロッパーがバイブコーディングするときに使えるプロンプト、デバ […]

iPhoneやMac間でファイルを転送できるAirDropが、WindowwsやAndroidでも使えたらなと思っている人もいると思います。 WindowsでもAndroidでも、さらにはmacOSとiOSの異なるOS、 […]

サイズを小さくしても大きくしてもくっきり表示され、カラーや回転速度も自由に変更でき、ストローク幅や回転方向もカスタマイズできるローダーを紹介します。 デザインは約50種類ほど揃っており、すべてシンプルなので、ほとんどのU […]

※本ページは、アフィリエイト広告を利用しています。 当ブログでも人気が高く、良書揃いのビー・エヌ・エヌ社のKindle本セールが開催しました！ ビー・エヌ・エヌ社のセールは年に一・二回、非常に貴重です。これで今年のセール […]

※本ページは、アフィリエイト広告を利用しています。 配色本は持っている、という人も多いと思います。今回紹介するのは「きれいな色の組み合わせ」に特化された配色本。しかも、色を組み合わせるだけでなく、素材や質感を掛け合わせる […]

Illustratorでこれができるのを待ち望んでいた人も多いと思います。 Illustratorで、列の数、行の数、ガターの値、天地左右のマージンなどを設定して、リアルタイムにガイドを設定できる無料エクステンションを紹 […]

ルネサンスの優美さから印象派の光に至るまで、レオナルド・ダ・ヴィンチ、ミケランジェロ、ラファエロ、クロード・モネ、エドガー・ドガ、ピエール＝オーギュスト・ルノワールなど、巨匠たちによる幾千の名画から抽出されたカラーパレッ […]

PDF, EPUB, TXT, DOCXファイルをはじめ、Webページ、テキスト、画像などのドキュメントをオーディオブックにオフラインで変換して、スマホなどで聴くことができるmacOSアプリを紹介します。 通常は有料です […]

※本ページは、アフィリエイト広告を利用しています。 いつも同じようなデザインになってしまう、デザインのバリエーションを増やしたい、苦手なジャンルのデザインがある、そんなデザイナーの悩みに役立つデザインのアイデアがたっぷり […]

最近では、HTMLとCSSは非常に進化し、強力になってきました。これからの時代はJavaScriptは本来のJavaScriptでしかできないことに使い、HTMLとCSSで可能なものはCSSとHTMLで実装すべきです。 […]

CSSでグラデーションを実装するときに実装コードを毎回調べている、そんな人にお勧めのチートシートを紹介します。 CSSで実装できるグラデーション、線形、放射状、円錐状、それぞれの繰り返しバージョンに加え、複数のグラデーシ […]

macOSで画面をキャプチャするスクリーンショットアプリを探している人は、一度「Snapzy」を試してみてください！ macOSでスクリーンショットアプリといえば、CleanShot Xを勧める人もいますが、あちらは実質 […]