howtoosushiマルチデバイス時代に登場したレスポンシブデザインとはTwitterFacebookGoogle+はてブ1Pocketスポンサーリンク今回は最近よく聞く「レスポンシブデザイン」について解説していきます。「responsive」は直訳すると「反応が良いさま」です。ウェブサイトのマルチデバイス化。インターネットをパソコンだけでなく、スマフォやタブレットで閲覧されることがとても多くなり、さまざまなデバイスの画面サイズに合わせたWebページの作成が必要になりました。デバイスごとにサイトのページを作成するのはとても大変です。そこで、新しく登場したのが「レスポンシブデザイン」です。「レスポンスブデザイン」とはサイトをデザインする際に使用する手法で、HTMLとCSSで形成されます。ブラウザの表示横幅を基準にサイトレイアウトデザインを柔軟に調整する手法です。テーマにも多くなりました。このブログをで使用しているテーマの「アルバトロス」もレスポンシブデザインのテーマになります。パソコンサイトは上のように表示されます。スマフォの画面ではこのように表示されます。レイアウトの設定や記事の投稿をそれぞれやらなくても、レスポンシブだと横幅に合わせて、適切な表示になります。まとめ今回はレスポンシブについて解説しました。多様なデバイスでインターネットを利用する時代に生まれたレスポンシブデザイン、スマフォサイトもWebサイトも一つのフォーマットでOKなのはすごいですよね。WordPressのテーマもレスポンシブがオススメです。最後まで読んでいただきありがとうございます。コメントをキャンセルメールアドレスが公開されることはありません。Pack」初期設定解説Webサイト「レスポンシブ」デザインの重要性GoogleモバイルフレンドリーとはRECOMMENDこちらの記事も人気です。osushi東京都在住1978年生まれ20代映像制作会社に就職し、商用写真のカメラマンを担当。2013年に独立し商用写真の撮影をメインの仕事にしています。知識0で自分のホームページを作成しようと思い調べているうちにブログの面白さに興味を持ち始め、「不得意なら、得意になってやる」と思い2016年5月からブログを始めることに。(15)免責事項・情報に関する閲覧者リスクこの当ブログで提供している情報についての正確さに関して。細心の注意をしておりますが、正確さという点におきまして保証するものではありません。閲覧者が当ブログでの情報を用いて行う一切の行為や損害(ハードウェア・ソフトウェア・リンク先)生じた場合も運営者は一切の責任を負えかねますのでご了承下さい。上記事項をご了承の上、ご利用をお願いします。