SassやっぱりSass使い始めたらCompassじゃないっすかねー知らんけど。世の中そんな流れだし実際すばらしいので記事にしちゃうわけよwCompassってなによ?Sassを元に開発されたフレームワークです。お気に入りなのはCompassを使うとCSS3のベンダープレフィックスを自動で入力してくれるってとこですねー。その他、豊富な@mixinとかスプライト自動作成とかもありますね。Compassを使ってみるCompassがインストール済みとして進めますね。Compassをインポートする必要があります。"compass";Sassファイルの先頭あたりに↑↑↑を挿入しましょう。例として角丸の影付きの.hogeでも作ってみましょう。#333333;}いかがです!なんてすばらしい!値を独自に指定したいこきはプロパティ名のあとに()で指定してあげれば指定できます。0.8;}こんな感じでクロスブラウザにも対応しています!他にCSS3は何が対応してる?公式サイトのほうに一覧がありますので、そちらを参考にどうぞ。both;}まとめ前回までの「Sass初めて2週間のおじさんが基本をまとめてみる」と「@mixinでスタイルを使いまわしてもっと楽しよう」と合わせてマスターすればCSSを書くのが物凄く楽になりそうですね。関連記事[CSS]背景にビデオを配置して全画面で表示するよ!珍しくビデオネタです。言ってもCSSネタなんですけど。Numbers」を使っている方も少なくないはず。...記事を読む[css,css3,table]レスポンシブデザインでのテーブル(table)の扱いをまとめてみたレスポンシブデザインで困るのがテーブル(table)ですよね。処理しようか迷うところです。最近はul,liを横並びにーとか、商品一覧は横並びにーという時はdisplay:inline-blockを使ってます。理由はcl...記事を読む[CSS2]属性セレクタこの業界に両足をどっぷり突っ込んで13年、まだまだ知らないことばかりですギャフン。Bootstrap最近マイブームのフレームワークのご紹介。マイブームって・・・死語。PC、スマホ、タブレット対応のフレームワークで使いやすくてカスタマ...記事を読む[CSS]WEBだって印刷するんだ!どうでもいいけど切り取り線とか作っちゃうよ!しばらくぶりの更新。書きたいネタはたくさんありますが、そんな中から厳選して今後絶対使わないであろうネタをメモ。<hr>...記事を読む[CSS]「※」を行頭に使った文章で2行目以降を1文字分空ける「※」を行頭に使った文章って2行以降を1文字あけたくなりますよね。スペースで1文字分あけてるサイトとか見かけますけど、アレってブラ...記事を読む[Compass,CSS3]CompassのCSS3モジュールをまとめてみた(随時更新予定は未定)自分ノートとしてCSS3モジュールをまとめてみるわけさ。絶対使いそうなもの3つから。