css[Sass]@mixinでスタイルを使いまわしてもっと楽しよう
面倒が大嫌いな下山です。こんに。面倒なのであいさつも途中までしかしません。人としてどうかとかね。さて今回は@mixinですよ！これを使いこなせれば今日からあなたもSassマスター！てかっ！@mixinの書き方@mixin任意のmixin名{...
WEB
css 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があるのはボクの人徳だと自負しております下山ですどーもー。グラデーションて面倒くさいですよねー。でも男にはバリっとおぼえて「どうだオレのグラデーション！ステキだろ！」と愛しいあの人へ小声でささやかなきゃいけない...
css[CSS]擬似クラス:first-letterでドロップキャップ
今回も紙面デザイン的WEBデザイン。擬似クラス:first-letterを使ったドロップキャップの3分クッキング。ドロップキャップってナニ？な方はまずはデモでも見てみよう。ね。文章の1文字目だけがデカいアレ。アレがドロップキャップです。CS...
css[CSS3]column-countで紙面デザインのようなテキストレイアウトにしてみよう
5ヶ月ぶりの更新ですの。サボってたわけじゃないの。これには話せば長～～～くなるようなストーリーがありまして・・・。という訳で入院生活から復活第1弾はcolumn-countいっちゃうよ！よく紙面デザインで文章が2段、3段と段組してるアレです...
css[Web Font]Webフォントを使って洒落たメニューをおっさんが作ってみる。
WebFontって使ったことないなー。でアイコン的に使ってみた。ちょっと洒落たメニュー作ってみたよ。今回使ったのは「FontAwesome」ダウンロードしたファイルを解凍するとcss,fonts,less,scssの4つのフォルダが入ってま...