サイト構築
UIに幾何学的な美しさ！ 積み木のようにボクセルを構築し、SVGで描画するミニマルなJavaScriptエンジン -heerich.js
Post on:2026年4月20日
ボクセル（volumeとpixelを組み合わせた用語）を積み木のように組み合わせて3Dの空間配置を2Dの平面に構築し、SVGに変換して描画する超軽量のJavaScriptエンジンを紹介します。 ボクセルの組み合わせの自由 […]
ついに素材管理アプリ「Eagle」もAIに対応！ 手元の素材をAIが分析、目的の素材を見つける新機能「AI Search」が便利すぎる
Post on:2026年4月16日
当ブログのビジターも素材の管理に「Eagle」を使用している人がいると思います。私も6年前から画像やフォントの管理に使用しています。 そんなEagleに新機能として「AI Search」が実装されました！ これがまた非常 […]
Adobeユーザーはダウンロードしておこう！ Adobe Fontsで使用できる日本語フォントすべてを一覧できるPDF 2026年最新版
Post on:2026年4月15日
4月に、Adobe Fontsで使用できる日本語フォントが増えました！（紹介記事） 今回のアップデートでは、多くのデザイナーに人気の七種秦史氏のフォントが大量追加され、極細のロゴナ、初登場となるG体（ジタイ）のフォント、 […]
Web制作者はチェックしておこう！ View Transitions（ビュー遷移）でよく使うコードのまとめ-View Transitions Toolkit
Post on:2026年4月14日
View Transitionsをより簡単に操作するためのコードや関数をまとめたView Transitions Toolkitを紹介します。 View Transitionsを使った最近のナビゲーション、スクロール位置 […]
これは便利！ ボーダーをあらゆる形状にできるborder-shapeプロパティをサポート、Chrome 147で新しく追加された4個のCSSの機能
Post on:2026年4月13日
4/7にアップデートされたChrome 147に追加された、CSSとUIに関する新しい機能を紹介します。 今回のアップデートで注目すべきは、要素のボーダーをあらゆる形状にできるborder-shapeプロパティ、ライトモ […]
2026年4月、Adobeユーザーに朗報！ Adobe Fontsに日本語フォントが大量追加、CCユーザーは無料で使えます
Post on:2026年4月9日
4/10のフォントの日に先立って、Adobe Fontsで使用できる日本語フォントフォントが大量に追加されました！！ 今回は、「きりぎりす」の七種秦史氏のフォントが大量追加され、さらにロゴナの極細ウェイト「VDL ロゴナ […]
長年の悩みがこれで解決！ CSSのposition: stickyの仕様が変わり、上部固定と左端固定が同時に実装できるようなります
Post on:2026年4月7日
テーブルのヘッダを上部に固定し、さらに列の1つを左端に固定する、これを実装するのは非常に大変です。 一見、position: sticky;を使って、top: 0;とleft: 0;で実装できそうですが、実際にはどちらか […]
そのCSSの書き方は古すぎる！ モダンCSSとTailwinds CSSでどのように記述するのかが分かる -modern.css
Post on:2026年4月2日
CSSのさまざまな古い書き方をモダンCSSやTailwinds CSSでどう書くのか教えてくれるサイトを紹介します。 要素を中央配置するCSSをはじめ、スクロールバーの出現によるレイアウトシフトを防ぐCSS、HEX値やr […]
CSSのデバッグやスキルアップに役立つ！ グラデーションや背景など複雑に記述されたCSSを読みやすくし、デバッグ・編集できる無料ツール -bg.layers
Post on:2026年3月31日
CSSで装飾したテキストやボタンのデバッグは、各プロパティやその値もそれほど複雑なCSSではないので簡単です。 下記のようにレイヤーが重なったグラデーションのデバッグはどうでしょうか。CSSもかなり複雑で、コードを見ただ […]
CSSのlight-dark()関数が画像もサポート！ これでライトテーマとダークテーマの対応がさらに簡単になります
Post on:2026年3月26日
Webサイトをライトテーマとダークテーマ対応にするには、CSSのlight-dark()関数を使用すると今までより簡単に実装できます。 これまではlight-dark()関数はカラー値（<color>）のみし […]
sponsors
