最近よく見かけるTwitterBootstrapを使ってみることにしました。ダウンロード、解凍、HTML表示Twitterは↓でガンガンオープンにイロイロ公開してるわけですが、http://twitter.github.com/↓がその中の一つになります。http://twitter.github.com/bootstrap/↓こんなヤツ。小洒落てて直感的でパワフルなフロントエンドのフレームワーク。↓こんな感じでスタイルシートと画像とJavaScript用のディレクトリ。</body></html>ブラウザからアクセスすると、HelloWorld出来ましたよ、と。Toolsで一個一個追いかけていくような感じで。コーディング開始とりあえず右も左もわがらねぇっぺよぉって話なので、1行めからひとつひとついきやす。HTML5ではDOCTYPE宣言はW3Cがどうのこうのみたいの書かないで、シンプルに↓だけです。html>で、普通にhtmlタグがあって、headの中を書いていきやす。メタタグ・キャラクタセットはUTF-8で。charset=”utf-8′′>・viewport。スマホとかの小さいブラウザで見た時に縮小の倍率をホゲホゲとかそういう用途で使う感じみたいですね。–></div></div></div>↓こんな感じ。該当箇所にフォーカスが当たると色変わったり。Systemっていうので、、http://twitter.github.com/bootstrap/scaffolding.html#gridSystem↓の要領でレイアウトが構成出来るのですが、bootstrap.cssみると↓こんなんなってます。各spanでwidth指定。type=”submit”>Search</button></form>↓角マルとかってのも当たり前な感じなんですねぇ。感想こういうのでサクっとモックアップ作って~って出来るのはナイスだなー。自分はHTML書いてたのは10年前とかで、鬼のTableタグでやってた派なので、CSSとかあんまり明るくなかったりするので、実際に手動かすと何かと勉強になります。コメントをキャンセルコメントを入力してください。以下に詳細を記入するか、アイコンをクリックしてログインしてください。アカウントを使ってコメントしています。アカウントを使ってコメントしています。アカウントを使ってコメントしています。アカウントを使ってコメントしています。新しいコメントがついたらメールで通知。