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

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

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

フォーム要素のグループ化で使用されるfieldsetの境界線付きボックスとlegendの見出しを任意の要素に実装できるCSSを紹介します。 divやarticleを境界線付きボックスにし、h1を見出しにして下記のように実装できます。見出しで欠ける境界線は自動的に ...

幅いっぱいの要素から左右のマージンを引きたいときに、こういうCSSを使用すると思います。width: calc(100% - 48px); 便利なCSSですが、マージンを計算する必要があり、デザインの変更があった際はCS ...

フォーム要素のグループ化で使用されるfieldsetの境界線付きボックスとlegendの見出しを任意の要素に実装できるCSSを紹介します。 divやarticleを境界線付きボックスにし、h1を見出しにして下記のように実 ...

フォーム要素のグループ化で使用されるfieldsetの境界線付きボックスとlegendの見出しを任意の要素に実装できるCSSを紹介します。 divやarticleを境界線付きボックスにし、h1を見出しにして下記のように実 ...

製品のダウンロード: これらは現在機能しており、誰でも利用できます。これまでダウンロードしたことのないファイルのみをダウンロードしてください。コミュニティ全体に十分な帯域幅を提供できるよう慎重に努めています。

CSSのattr()関数は、HTMLの属性に記述した値をCSSで使用できる便利な機能です。たとえば、hrefに記述した値をリンクとして表示したり、titleに記述した値を画像のキャプションとして表示したり、data-でさまざまな値を表示することができます。 このattr()関数が ...

CSSのattr()関数は、HTMLの属性に記述した値をCSSで使用できる便利な機能です。たとえば、hrefに記述した値をリンクとして表示したり、titleに記述した値を画像のキャプションとして表示したり、data-でさ ...

コピペで簡単に使用できる、ローディング用のアニメーションにぴったりなSVGベースのスピナーを紹介します。 さまざまなデザインのスピナーが揃っており、画像は一切使用されていません。アニメーションも快適で、くるくる気持ちよく ...