インプレスグループでデザイン分野のメディア事業を手がける株式会社エムディエヌコーポレーション（本社：東京都千代田区、代表取締役社長：山口康夫、略称：MdN）は、MdN × Bau-yaブランドにて下記のオンラインセミナーを開催いたします。 【MdN × Bau-ya ...

メディアクエリを使って、PC、タブレット、スマートフォンなどでそれぞれの画面サイズに応じた表示の切り替えを行い、レスポンシブWebデ ザインを実現する方法について解説する。 レスポンシブWebデザインとは、Webサイトを閲覧する環境にあわせて最適な ...

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

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

株式会社翔泳社（本社：東京都新宿区舟町5、社長：佐々木幹夫）は、書籍『これだけで基本がしっかり身につく HTML/CSS＆Web ...

ヤフー出身エンジニアが教える、初心者向けレスポンシブWebデザイン講座。今回は、メディアクエリで使用する「メディアタイプ」の意味と活用方法をわかりやすく解説します。 #レスポンシブデザイン #HTML #CSS #Web開発 #初心者向け講座 More for You 《京都 ...

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

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

レスポンシブWebデザインを作る3つのステップ レスポンシブWebデザインでは、次のような3つのステップで制作する。 ピクセル単位でデザインしてパーセント単位に変換 画像サイズを指定する（Fluid Image） respond.js の読み込み CSS3で新たに定義されたメディア ...

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

米国最大のECカンファレンス「IRCE2014」に参加しましたが、日本のEC事業者、EC関連事業者にまず伝えたいこと。それは、米国でも「レスポンシブ・デザイン対アダプティブ・デザイン」が課題となっているということです。グーグルの検索、リソースや手間 ...