ブログ・HTML5の勉強「Dynamic Grid Layout」 Dynamic Grid Layoutとは コンテンツがブラウザ幅に応じて自動的に整列する機能。jQuery。 動かしながら見ることはあるかな？ jQuery Masonryのファイルについて jQuery Masonryのjsファイルは、サイトの[Downlo…

タイ国政府観光庁

ブログ・HTML5の勉強「可変+固定レイアウトパターン：構造」

ブログ・HTML5の勉強「実践レイアウトパターン（1）」 外部CSSを切り替える head内に以下を記述 <link rel="stylesheet" href="○○.css" media="only screen and (min-width:○○px)"> サイト全体共通＋スマートフォン用CSSを読み込み、次にタブレット用CSS、PC用CSSを読み込む。 今回制作したサイト style-s.css、style-m.css、style-l.cssを使</link>…

ブログ・HTML5の勉強「Media Queries基礎」 PC上で各デバイス表示（Mac・Winやスマートフォン・タブレット）に切り替え safariを使用。 右上の歯車アイコンのメニューから[設定]を開く。 [詳細]タブの一番下の[メニューバーに”開発”メニューを表示]にチェッ…

ASCII.jp WEB PROFESSIONALのシリーズ記事「ゼロから始めるレスポンシブWebデザイン入門」をもとにサイト作成。 レスポンシブにするには 1.metaでスマートフォンデバイス表示に対応させる <meta name="viewport" content="width=device-width"> 2.画像サイズをブラウザサイズに応じて可変させる img{max-width:10</meta>…