サイト構築 -設計
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
レスポンシブ用に3案必要？ クライアントとロス無く進める便利ツール -Style Tiles
Post on:2013年2月1日
Style Tilesはウェブサイトを制作する際、そのブランドの本質を伝えるフォント、カラー、エレメントなどをクライアントと打ち合わせをして、ビジュアルのコンセプトを決めるツールです。 レスポンシブデザイン用に3つのモッ […]
ログインフォームに大切な7つの要素と重要な1つの機能
Post on:2011年2月18日
ログインフォームを実装する際に、大切な7つの要素と重要な1つの機能を紹介します。 元記事では下記のCSS3で実装されたフォームもダウンロードできます。 The Anatomy of a Perfect Login Pag […]
ユーザーエクスペリエンス（UX）に関するインフォグラフィック集
Post on:2010年9月13日
その内容もさることながらデザインも素晴らしいユーザーエクスペリエンス（User Experience）に関するインフォグラフィックを紹介します。 User Experience Infographic The Spect […]
ウェブサイトのワイヤーフレームをコレクションした -Wireframe Showcase
Post on:2010年8月19日
他の人が作成したワイヤーフレームがちょっと見たいなあ、という人向けのウェブサイトのワイヤーフレームをコレクションしているサイトを紹介します。 Wireframe Showcase
魅力的なフッタをコレクションしているサイト -Footerabulous Gallery
Post on:2010年2月2日
海外のサイトだけでなく、国内のサイトでも最近は魅力的で有意義なフッタが増えてきました。 そんなフッタに注目し、多くのサイトのフッタだけをコレクションしているサイトを紹介します。 Footerabulous Gallery
Adobe AIRでワイヤーフレームを手軽に作成できる -FlairBuilder
Post on:2009年5月7日
ワイヤーフレームを手軽に作成できるAdobe AIRのアプリケーション「FlairBuilder」を紹介します。 FlairBuilder
テキストの配色から視認性をチェックする -Colour Contrast Check
Post on:2009年3月31日
前景と背景のカラーコントラストをオンラインでチェックできる「Colour Contrast Check」をsnook.caから紹介します。 Colour Contrast Check
sponsors
