2013-05-10から1日間の記事一覧
参考サイト ゼロから始めるレスポンシブWebデザイン入門 (ASCII.jp) 「可変グリッドレイアウト」機能の使い方 (Adobe Developer) Adobe HTML5 特設サイト Responsive Design with Mockups 実例 日本国内の秀逸なレスポンシブWebデザインを集めたギャラリーサ…
Fluid Image Fluid Imageとは、ウィンドウサイズに合わせて画像サイズも可変させる手法 Fluid Imageのデモ ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width"> <title>Fulid Image</title> <link rel="stylesheet" href="css/style130.css"> </link></meta></meta></head></html>
Twitter Bootstrap Twitter社が作った、CSSフレームワーク iQueryに依存している Twitter Bootstrap Twitter Bootstrapの使い方 Twitter Bootstrapの使い方 Twitter Bootstrapを導入 解凍したファイルを管理フォルダーに入れる 新規ドキュメント作成 「index…
grid system 12個のコラムで、幅940pxの container を構成する レイアウトの記述 「class="row"」で「行」を、「class="span4"」でカラム数を指定する ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>Twitter Bootstrap の導入</title> <link href="css/bootstrap.min.css" rel="stylesheet"> </head> <body> </body></html>
