スキップしてメイン コンテンツに移動

投稿

10月, 2013の投稿を表示しています

Bootstrap2.3とBootstrap3のグリッドシステム比較(一覧表)とBootstrap3のPSDテンプレート無料ダウンロード

Bootstrapのグリッドシステムで、カラムサイズがわかりづらいのでまとめてみました。


Bootstrap2.3
デバイス PhonesPhones to TabletsPortrait TabletsDefaultLarge Displayブレイクポイント 480px以下767px以下768px以上980px以上1200px以上レイアウト幅 auto見た目 724px見た目 940px見た目 1170pxカラム数 N/A121カラムの最大幅 auto(ブラウザ幅 - 20px - 20px)42px60px70pxカラムとカラムの隙間幅 N/A

Sass(SCSS)のTIPS

本体サイト
http://sass-lang.com/


CSSをSCSSにコンバート
http://css2sass.heroku.com/


チートシート
http://sass-cheatsheet.brunoscopelliti.com/


ごちゃごちゃしてきたSCSSをきれいにするコマンド
[コンソールで]
$ sass-convert --from scss --to scss --in-place path/to/file.scss


以前書いたまとめ
http://tomoosuzuki.blogspot.jp/2013/06/sassscsscompass.html