サイト構築
CSSの進化がすごい！ JavaScriptなしで、遷移元と遷移先で異なる挙動を実現するルートとナビゲーションの連携機能
Post on:2026年8月6日
HomeページからAboutページに移動する際はページ全体が左にスライド、AboutからHomeに戻る際は右にスライド、このように同じナビゲーションを使用して遷移元と遷移先で異なる挙動を実装するにはJavaScriptが […]
最近のデバイスに対応したブレイクポイントがすぐに分かる！ レスポンシブを設計する際に役立つツール -ScreenSize.net
Post on:2026年8月5日
各デバイスのスクリーンサイズの一覧表、ブレイクポイントはいくつに設定すればいいのか、ブレイクポイントが機能しているかなど、レスポンシブを実装する際に役立つツールがまとめて利用できるScreenSize.netを紹介します […]
Web制作者は要チェック！ カメラにアクセスできるusermedia要素など、Chrome 151で追加された6個の新機能
Post on:2026年8月4日
先週アップデートされたChrome 151に追加された、HTML/CSSとUIに関する新しい機能を紹介します。 今回のアップデートで注目すべきは、カメラやマイクにアクセスできるusermedia要素、position-a […]
あのUI要素やコンポーネントの名前は？ 弁当グリッド、ケバブ、信号機、スクリム、名称や役割やコードやプロンプトが分かる -NameThatUI
Post on:2026年7月30日
WebサイトやスマホアプリのUIでよく見かけるけど、これはなんて名前？ 役割は？ というのが分かるUIデザイン用のビジュアル辞書を紹介します。 デザイナーやデベロッパーがバイブコーディングするときに使えるプロンプト、デバ […]
LocalSendがめちゃ便利！ WindowsからiPhoneに、macOSからAndroidに、異なるOS・デバイス間でファイルを転送できる無料アプリ
Post on:2026年7月29日
iPhoneやMac間でファイルを転送できるAirDropが、WindowwsやAndroidでも使えたらなと思っている人もいると思います。 WindowsでもAndroidでも、さらにはmacOSとiOSの異なるOS、 […]
これは賢い！ CSSのch単位とtranslateX(ch)を使用すると、拡大縮小してもきれいなローダーを実装できる -Loading UI
Post on:2026年7月28日
サイズを小さくしても大きくしてもくっきり表示され、カラーや回転速度も自由に変更でき、ストローク幅や回転方向もカスタマイズできるローダーを紹介します。 デザインは約50種類ほど揃っており、すべてシンプルなので、ほとんどのU […]
これは便利！ Illustratorで列、行、ガター、マージンを設定して、ガイド引きができる無料エクステンション -LiveMargins
Post on:2026年7月23日
Illustratorでこれができるのを待ち望んでいた人も多いと思います。 Illustratorで、列の数、行の数、ガターの値、天地左右のマージンなどを設定して、リアルタイムにガイドを設定できる無料エクステンションを紹 […]
見ているだけで癒やされる！ ダ・ヴィンチ、ゴッホ、モネ、ピサロなど、巨匠の名画からインスピレーションを得たカラーパレットを無料でダウンロードできる -Palette Inspiration
Post on:2026年7月22日
ルネサンスの優美さから印象派の光に至るまで、レオナルド・ダ・ヴィンチ、ミケランジェロ、ラファエロ、クロード・モネ、エドガー・ドガ、ピエール＝オーギュスト・ルノワールなど、巨匠たちによる幾千の名画から抽出されたカラーパレッ […]
これでオーディオブックが簡単に自作できる！ PDFやEPUBを男性・女性の声で読み上げる音声ファイルに変換できるmacOS用のアプリ -Aura Reader
Post on:2026年7月21日
PDF, EPUB, TXT, DOCXファイルをはじめ、Webページ、テキスト、画像などのドキュメントをオーディオブックにオフラインで変換して、スマホなどで聴くことができるmacOSアプリを紹介します。 通常は有料です […]
進化したHTMLとCSSで実装できるさまざまなUIコンポーネントのまとめ、JavaScriptはなし、もしくは最小限 -NoLoJS
Post on:2026年7月16日
最近では、HTMLとCSSは非常に進化し、強力になってきました。これからの時代はJavaScriptは本来のJavaScriptでしかできないことに使い、HTMLとCSSで可能なものはCSSとHTMLで実装すべきです。 […]
sponsors
