レスポンシブWebデザインは、「フルードグリッド（Fluid Grid）」「フルードイメージ（Fluid Image）」「メディアクエリー（Media Query）」の3つの技術的な要素で構成されます。 フルードグリッド フルードグリッドは、Webページの要素を罫線や升目に沿って ...

ネットで見かけたWebテク （Webテクニック・ Webテクノロジー） 記事から、 Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は、 2015年4月20日～4月26日の間に見つけた記事のベスト5です。 レスポンシブデザインの3つの失敗とそれを防ぐ ...

SwapSkills Doubbbleの第9回となる 「レスポンシブWebデザインの今と未来」 が、 2013年3月9日 （土⁠）⁠、 東京都品川区の 「きゅりあん」 にて開催されました。本稿では本イベントのレポートをお届けします。 レスポンシブWebデザイン （RWD） は、 2012年には ...

レスポンシブ・レイアウトとは、過去においてはリキッドデザインと呼ばれた、画面幅に応じて横幅が拡大・縮小するレイアウトのことをいう。多様なデバイスの登場により最近大きな注目を集めている。 制作・文／糟谷博陸（株式会社サイズ） Browser IE ...

マルチデバイス対応のWeb制作手法として注目を集める「レスポンシブWebデザイン」。ところが日本では「メディアクエリーを使ってスクリーンサイズごとにレイアウトを切り替えること」との誤解が広がっているようです。 レスポンシブWebデザインとよく似 ...

アドビシステムズ株式会社は15日、サブスクリプション制サービス「Adobe Creative Cloud」を通じて提供している「Adobe Edge」シリーズのHTML5対応ウェブ開発ツールをアップデートしたと発表した。レスポンシブウェブデザインのための専用ソフト「Adobe Edge Reflow ...

Have you ever opened up a webpage on your phone only to realise you can't see half of it? Frustrated because your favorite site doesn't look the same on your tablet as it does on your laptop? You're ...

TMLやCSSなどの専門知識がなくても簡単にウェブサイトを構築できる「WordPress」。CMS（コンテンツ・マネージメント・システム）の中でも世界ナンバーワンのシェアを誇っています。 WordPressに用意されているテーマ「Twentyfourteen」を使って作成した ...

世界のWeb、ITに関するカンファレンスをアジア圏で開催しているウェブディレクションズイースト（以下、WDE：東京都品川区）は、 レスポンシブWebデザインを定義、名付けをしたWebデザイナーをはじめ、共同で世界中を啓蒙しているコンテンツ ...

スマートフォンゲーム・ソーシャルアプリ開発を中心に、ビジネスパッケージソフト開発を手掛ける 株式会社テンダ（本社 ...