レスポンシブWebデザインはviewportとメディアクエリーからはじめろ！ | 株式会社Bark to Imagine

2014/01/07 313 users 横幅 キリン 住友商事 概念 viewport

今話題の「レスポンシブWebデザイン」。 有名なところでは、 「TOYOTA新卒採用ページ」、「キリン」、「住友商事」 などがあります。 ブラウザの横幅に応じて適切なデザインを表示する技術ですが、実際はどのような目的で使われているのでしょう。 今回はそんな「レスポンシブWebデザイン」の概念から記述方法までといった、次世代Webサイトの入門的な内容をわかりやすく解説していきます。 レスポンシブWe... 続きを読む

レスポンシブ・ウェブデザインでの CSS コードの書き方

2012/10/01 717 users レスポンシブ・ウェブデザイン CSS 配置 書き方 コード

いわゆるレスポンシブ・ウェブデザイン、つまりメディアクエリーを採用したWebサイトを構築する際の一番管理しやすいと感じるコードの書き方をまとめました。ただし、あくまでも個人的な、経験から感じた意見ですので絶対ではありません。 CSSのコードの配置 広く知られている方法はいくつかあります。 CSS ファイル自体を分ける方法 @media規則で1ファイル内にメディア特性単位に書く方法 @media規則... 続きを読む