タグ

uiとframeworkに関するbookslopeのブックマーク (1)

  • Amazium : WPのテンプレート制作にもおすすめなhtmlフレームワーク | めもたんWP

    ブラウザサイズによってレイアウトが変わる、レスポンシブ・ウェブ・デザインのベースにできるフレームワーク ダウンロード: http://www.amazium.co.uk/ 特徴 960グリッドシステムがベース <div class="row"> <div class="column grid_4"> グリッドの中身 </div> <div class="column grid_8"> グリッドの中身 </div> </div> media queriesを使用して4種の画面サイズに対応 960px以上のブラウザ iPadなどタブレット横画面 (728px) iPhoneの縦画面 (300px) iPhoneの横画面 (420px) 画像やVimeo・Youtubeの動画も可変サイズにできる 画像はimgタグにclass=”max-image”を指定する <img src="xxx.jpg"

    bookslope
    bookslope 2012/04/23
    960 グリッドシステムをもとにしたレスポンシブウェブデザインのフレームワークについての記事
  • 1