CSS3

css

[CSS、スマホ、table]スマホの画面だと見づらいtableをMedia Queriesで見やすくしたら良いと思うよ!今度はスクロールだよ!

長々とタイトル書いてしまってごめんなさい。要するに前にポストした記事の「スマホの画面だと見づらいtableをMediaQueriesで見やすくしたら良いと思うよ!」が以外にアクセス多いので別な方法も書いちゃおっかなー的なポストです。前回の方...
Compass

[Compass,Utilitiesモジュール]ちょっと便利なUtilitiesモジュールの使い方

今日はちょっと便利なUtilitiesモジュールのお勉強をみんなとやってみたいと思うよ!リンクの色とかclearfixなんかもUtilitiesモジュールを使えば簡単カルカルー!clearfix回り込みの解除.clearfix{@inclu...
Compass

[Compass,CSS3]CompassのCSS3モジュールをまとめてみた(2)

予定は未定でしたが2度めの更新ですよ。今回は「あ~見たことある~」的なところでいくつかピックアップしてみました。時間的変化transition.hogeI{@includetransition;}↓↓↓コンパイル後↓↓↓.hogeI{-mo...
Compass

[Compass,CSS3]CompassのCSS3モジュールをまとめてみた(随時更新予定は未定)

自分ノートとしてCSS3モジュールをまとめてみるわけさ。とりあえず絶対使いそうなもの3つから。まずは基本の「キ」角丸border-radius.hogeA{@includeborder-radius;}↓↓↓コンパイル後↓↓↓.hogeA{...
css

[Sass,Compass,CSS]Compassで爆速CSSスプライトでSNSボタンでも作っちゃうよ!

CSSスプライト・・・それシュワシュワなの?(とりあえず定番ボケは忘れずに)ということでCompassでCSSスプライトをやってみようと思います。ページ読み込みスピード改善のためにCSSスプライトやってやろうじゃないか!と意気込むで手動でセ...
css

[Sass,Compass,CSS]Sassの醍醐味Compassを使ってもっと楽しちゃおう!

やっぱりSass使い始めたらCompassじゃないっすかねー知らんけど。世の中そんな流れだし実際すばらしいので記事にしちゃうわけよwCompassってなによ?Sassを元に開発されたフレームワークです。お気に入りなのはCompassを使うと...
css

[Sass]Sass初めて2週間のおじさんが基本をまとめてみる

Sass面白いよー。だからまとめてみるよー。SCSSで書いてくよー。まずはセレクタの入れ子.abc{border:1pxsolid#ccc;.def{border:5pxsolid#333;}}↓↓↓ コンパイル後 ↓↓↓.abc{bord...
css

[Compass Sass]Compassでコンパイルしようとしたときにエラーが出たらどうすんの!

まー色々起こるもんですね。font-familyでfont-family:"ヒラギノ角ゴProW3","HiraginoKakuGothicPro","Osaka","メイリオ","Meiryo","MSPゴシック","MSPGothic"...
css

[ruby Sass Compass]WindowsでSassとCompassで環境作るときにあったエラーのメモ

やっとおじさんも時代のニューウェーブに乗るためにSass環境を整えてみました。環境を作るのは黒い画面を使いますけど難しくないですねー。でもエラーにハマってしまったのでメモ程度で残しておきます。SassとCompassのインストール方法は黒い...
css

[CSS3,jquery] background-size で背景画像を画面いっぱいに表示するよ!しかもjqueryでIE7、IE8も対応だよ!

背景画像を画面いっぱいに広げるってーのはー男のマロン。栗は美味しいね下山です。かなり前に「ディスプレイサイズが変わっても背景画像を画面いっぱいに表示する」ていうの記事を書きましたがこちらの方がラクかな?background-sizeについて...