[B! iphone][Webデザイン] aopuuのブックマーク

Media Queries

You are now being GOOGLE.COM...

aopuu 2011/07/23

各メディア別の見え方を一覧レビュー…これは見やすい｜Media Queries

リンク

初心者のためのスマートフォンサイトを作るときに見ておきたいサイト｜WEB Drawer -WEB制作に関するメモサイト-

スマートフォンサイトを本格的に作るようになってきたので、いろいろ基本的なことから調べてみました。自分はコーディングがメインなので、HTML/CSS/JSが主になっています。制作する前に仕様の確認スマートフォンの仕様が載っています。一通り目を通すと、製作してる時に「これができない！」などの問題が回避できるかもしれません。 ASCII.jp：サイト制作の前に知りたいiPhone/Androidの仕様｜実践！iPhone＆Androidサイト制作ガイド ASCII.jp：サイト制作の前に知りたいiPhone/Androidの仕様｜実践！iPhone＆Androidサイト制作ガイドスマートフォンサイトの制作 – 基礎編 – – ぺーぺーエンジニアのおぼえがきスマートフォンサイトの制作 – 基礎編 – – ぺーぺーエンジニアのおぼえがき iPhone iPad向けサイトを制作するためのいろ

aopuu 2011/07/21

ぶくま：初心者のためのスマートフォンサイトを作るときに見ておきたいサイト｜WEB Drawer -WEB制作に関するメモサイト-

リンク

iPhoneやiPadでも綺麗なレイアウトで表示されるWebサイトを制作する為のスターターキット・Skeleton - かちびと.net

なかなかシンプルで良かったのでご紹介。人気のデバイス、iPhone やiPadで閲覧してもレイアウトを綺麗に保てるように設計されたWebサイトのスターターキット。内容物はHTML、 CSS、JavaScriptです。シンプルな構成ですが、欲しい部分は用意してくれている、と言った感じのスターターキット。なかなか気に入ったのでデモを作りました。 HTML+CSSのシンプルなフレームワークです。グリッドレイアウトを使った美しいレイアウトで、Media QueryによるiPhone / iPadでのアクセス時のレイアウトも最適化されており、jQueryで作るタブコンテンツのサンプルコードもあります。デモ作ったので、宜しければお好きなデバイスでアクセスして見てください。 Sampleサイト※別窓 iPhoneでアクセス iPhoneでアクセス。ランドスケープ iPadでアクセス iPad