css

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

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

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

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

[CSS,エディター]brackets-cssfierがどんなものか使ってみた(インストール方法とか)

Sassネタは今日はお休みしてbrackets-cssfierが気になったので使ってみました。感想やら手順などをちょこっと。ちょこっとしか書かないってことはどういうことだかお利口さんなみんなは分かるよね。まずはエディタの準備から。使うエディ...
css

[Sass]@mixinでスタイルを使いまわしてもっと楽しよう

面倒が大嫌いな下山です。こんに。面倒なのであいさつも途中までしかしません。人としてどうかとかね。さて今回は@mixinですよ!これを使いこなせれば今日からあなたもSassマスター!てかっ!@mixinの書き方@mixin任意のmixin名{...
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

[CSS]liをfloatして横に並べてそれを中央配置にするオレ的まとめ

もうタイトルが何言ってるか分からないですが読んだ通りですはい。いや、説明するとliをfloat:leftすると左揃えになってしまうものを中央に配置してしまおうと言うことです。分かったかな?方法は何通りかあると思いますが、これならOK的なもの...
css

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

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

[CSS3]いいかげんlinear-gradientとradial-gradientおぼえてグラデーションな四角でも書いてみようぜ。

更新してないのに毎日一定のpvがあるのはボクの人徳だと自負しております下山ですどーもー。グラデーションて面倒くさいですよねー。でも男にはバリっとおぼえて「どうだオレのグラデーション!ステキだろ!」と愛しいあの人へ小声でささやかなきゃいけない...