css[CSS3]最近海外のサイトで流行りの2.5Dボタンを作ってみたよ！
box-shadowを使った2.5Dボタンを作る方法。サンプル付きで紹介してます。
css
css css[CSS]first-childとlast-child、どっちを使うの？first-childでしょ！
擬似クラスのfirst-childとlast-childを使ったIE対策をサンプル付きで紹介してます。
Compass[CSS3,animate.css,sass]sassを使ってanimate.cssでhoverアニメーション（きっと完全版）
2回続けてアニメーションネタですよ。こんに千葉。鹿児島からこんに千葉。むかしこんな挨拶でスタートするActionScriptBegenersっていうFashのサイトやってたのを思い出しました。animate.cssの基本今回もアニメーション...
css[CSS3,animation]CSS3のanimationで何ができるか試してみた！使わないと思うけどw
やっぱり動きがあると面白いですよね！動かさないけど。どうも久々更新の下山です。って書くと複数人で更新してるみたでかっこいい。さて、とうとうアニメーションに手を出し始めました。今回はCSS3で登場のanimationプロパティってどんなことが...
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[CSS]:first-childと:last-childで角丸なナビゲーションを作ってみる
角丸は正義だぁ！と言うことでliを横並びにした角丸なナビゲーションを作ってみました。本来ならliの最初と最後にクラスでも付けてやりそうなもんですが、CSS2で定義された:first-childと:last-childを使ってみたいと思います...
css[Sass,Compass,CSS]Compassで爆速CSSスプライトでSNSボタンでも作っちゃうよ！
CSSスプライト・・・それシュワシュワなの？（とりあえず定番ボケは忘れずに）ということでCompassでCSSスプライトをやってみようと思います。ページ読み込みスピード改善のためにCSSスプライトやってやろうじゃないか！と意気込むで手動でセ...