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

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

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

先日、当ブログでお伝えした「突然すぎて驚いた！ Design Cutsが閉鎖してます」で動きがありました。 Design Cutsで過去に購入したものがダウンロードできるようになりました！ 下記のキャプチャは、過去に私がDesign Cutsで購入したものです。ダウンロードでき ...

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

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

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

WebサイトやスマホアプリのUIで日にちや時間、年の範囲の書式を自動的に短く、読みやすく、理解しやすく表示するJavaScriptのライブラリを紹介します。 このライブラリを使用すれば、シンプルで一貫性のある書式で表示できます。 little-dateの特徴 Webサイト ...

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

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

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

これまでは年末だったので、2024年版はないのかなと思っていた人に朗報です！ 「Web制作会社年鑑 電子版1冊丸ごと無料キャンペーン」が開催しました。 無料でダウンロードできるのは、2025年2月28日まで。 『Web制作会社年鑑2024』電子版定価5,280円が、なんと ...