※本ページは、アフィリエイト広告を利用しています。 HTMLとCSSを学ぶ近道は、手を動かすこと。本当なら制作会社で経験を積まないと身につけられないコーディングのスキルを独学で学べる解説書を紹介します。 本書は実案件をもとに作成された練習 ...

デザインの引き出しを増やすためには、トレンドを知っておくことが大切です。 デザインの基本となるタイポグラフィ、カラー、形などの要素が詰まった、最近のロゴデザインに使われているトレンド、デザインテクニックを紹介します。 2 ...

画像のalt属性に何を記述すればよいか、悩むことはありませんか？ その一つの答えがWAIによるチュートリアルにありました。画像にテキストが含まれている場合はどうすればよいか、リンクやボタンとして使用している画像なのか、装飾的な画像のaltは空で ...

※本ページは、アフィリエイト広告を利用しています。 WebサイトのUIをデザインするときにもっとも使用されているツールと言えば、ここ2,3年で完全に一強となったFigmaです。これからもFigma AIやUI3などの新機能がベータ版で公開されており、さらに加速する ...

※本ページは、アフィリエイト広告を利用しています。 Kindle本、ビジネス本の特大セールが開催されています。 セール ...

DOMツリーに加えられた変更を検出する機能としてMutationObserverが便利ですが、CSSのプロパティの値は検出できません。 最近ではCSSアニメーションを使用したWebサイトやスマホアプリも増え、プロパティ値 ...

いろいろな色の日本語での名前、英語での名前、日本の伝統色の名前をはじめ世界の伝統色の名前などが分かるサイトを ...

ページ上で動作するアクティブなビュー遷移にリンクされたすべてのアニメーションを取得するJavaScriptのコードを紹介します。 数行のコードをコピペするだけで使用でき、アニメーションを反転させたり、継続時間を変更したり、キーフレームを変更し ...

当ブログでは久しく、Design Cutsに触れていませんでしたが、閉鎖されたことがアナウンスされました。 詳しくは下記をというか、あまり詳細は語られていないのですが、Creative Marketのページで見ることができます。 Design Cutsは2025年1月16日に閉鎖しました ...

先日からお伝えしているDesign Cutsの突然閉鎖ですが、ようやくDesign Cuts Japanの日本語サイトで過去に購入したものもダウンロードできるようになりました！ 簡単に説明すると、2025年1月16日にDesign Cutsは閉鎖し、先週にDesign Cutsで過去に購入したものがダウンロードできるようになりました。

Futuraの初期型の字形が、オープンソースのフリーフォントでダウンロードできるので、紹介します。 「Formera」はFuturaの原形とされるもので、大きな特徴としては、mが直線で構成されていたり、rが棒と点で構成されていることなどがあります。 Formera Lightと ...

Chrome 132で追加された、CSSとHTMLの新しい機能3つを紹介します。 1/15にリリースされたChrome 132でCSSとHTMLの新しい機能が3つ追加されました。対象となるChrome 132は、Android、ChromeOS、Linux、macOS、Windowsに適用されます。 以下、その3つの新しい機能を紹介します。