モダンでオサレなwebサイト

モダンでオサレな web サイト @clicktx 2012.3.3 Gunma.web #8

Profilo ,[object Object],[object Object],[object Object],[object Object]

Web サイトのデザイン今回のテーマ

デザイナーの仕事だな ( ﾟ Д ﾟ )y-~~

Web サービス一人で全部作る

苦労すること ,[object Object],[object Object],[object Object],[object Object],[object Object]

楽したいなんかいい方法ない？

Bootstrap ブートストラップ Web アプリケーション開発のための CSS フレームワーク

Bootstrap, from Twitter ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

知ったキッカケ ,[object Object],[object Object]

ちなみに Amon2 ,[object Object]

CSS を読み込む ,[object Object],<link href= "./css/bootstrap.css" rel= "stylesheet" > <link href= "./css/bootstrap-responsive.css" rel= "stylesheet" >

グリッドシステム ,[object Object],[object Object],[object Object],気にしないでレイアウト出来るよ！

グリッドシステム ,[object Object]

他にもかゆいところに手が届くものがたくさん！ Pagination Alerts Forms and mode…

デフォルトの CSS だけでもいい感じに仕上がります。

パッとしないデザイン -> おしゃれに

Before -> After 参考： http: //blog . esuteru .com/archives/5677048.html

JavaScript for Bootstrap ,[object Object],[object Object]

LESS with Bootstrap ,[object Object],[object Object],http: //lesscss .org/

LESS The dynamic stylesheet language

欠点似通ったデザインになってしまう

でもいろいろなサービスあるよ

Twitter Bootstarp Rails ,[object Object]

職が見つかったり、彼女ができたり、背が伸びたり！！

就活・婚活に Bootstrap from Twitter を使ってみて下さい！！

まとめ ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

ご清聴ありがとうございました

Recommended