サイト構築 -設計
Web制作者は要チェック！ コンテナクエリの進化、動画の遅延読み込みなど、Chrome 148で新しく追加されたCSSの機能
Post on:2026年5月12日
5/6にアップデートされたChrome 148に追加された、CSSとUIに関する新しい機能を紹介します。 今回のアップデートで注目すべきは、コンテナクエリをcontainer-typeを設定しなくてもコンテナ名のみで機能 […]
これはかなり便利！ 1クリックであらゆるWebサイトのデザインやアセットを抽出できるChromeの拡張機能 -MiroMiro
Post on:2026年1月20日
昨年末にリリースされたばかり、Chromeの便利な拡張機能を紹介します。 MiroMiroは1クリックするだけで、表示しているサイトを分析、デザイン要素を抽出、本番環境で使えるアセットに変換するオールインワンの拡張機能で […]
Illustratorで美しくデザインされた、ユーザーフローを設計するワイヤーフレーム用のAI素材
Post on:2015年7月23日
Webサイトのユーザーフローを設計する、美しくデザインされたワイヤーフレーム用の素材を紹介します。 通常は有料ですが今週末まで無料なので、ダウンロードはお早めに！ Web Wireframes - User Flow
フォームはラベルの配置場所で使いやすさが全然変わる！ユーザーが利用しやすいフォームを徹底考察
Post on:2015年5月14日
あなたのフォームは、ユーザーが簡単に利用できますか？ もし簡単でないなら、フォーム入力を完了するのも予想以上に難しいとも言えます。 ユーザーが入力しやすく、そして入力内容の確認も簡単なフォームについての考察を紹介します。 […]
ウェブデザインで大切な空白スペースの効果的な5つの使い方
Post on:2013年8月30日
空白スペース（ホワイトスペース）が、ウェブサイトのユーザエクスペリエンスに与える5つの重要な効果を紹介します。 5 Ways How Whitespace Affects The User Experience
ハイパーテキストリンクのスタイル大全
Post on:2010年2月15日
ハイパーテキストリンクをデザインする上で知っておきたい基礎知識から、実用的なチップス、やってはいけない間違いなど、すぐに役立つテクニックをSmashing Magazineから紹介します。 The Definitive […]
ユーザーの進捗を明示する「プログレストラッカー」詳解
Post on:2010年1月19日
オンラインストアでの注文やフォームなどで、ユーザーの進捗を明示するプログレストラッカーの概要や特長、実装例、よくある間違いなどをSmashing Magazineから紹介します。 Progress Trackers in […]
タブUI詳解
Post on:2009年9月8日
タブUIの構造や特長、設置の判断、ユーザビリティ、アクセシビリティ、実装のポイントや機能の拡張方法、実装例やスクリプト例をSmashing Magazineから紹介します。 Module Tabs in Web Desi […]
パンくず詳解
Post on:2009年3月30日
パンくずの由来や概要、特長をはじめ、設置の判断基準、実装のよくある間違い、デザインのポイント、クラシックなものや進化したパンくずのショーケースなどをSmashing Magazineから紹介します。 Breadcrumb […]
sponsors
