CSS3

css

[CSS]display:inline-blockでできる隙間をなくす方法

最近はul,liを横並びにーとか、商品一覧は横並びにーという時はdisplay:inline-blockを使ってます。理由はclearやclearfixが要らないから。(あまり理由になってないけど)という訳でdisplay:inline-b...
css

[CSS3]擬似クラスと擬似要素をまとめてみた。

いい加減ググッてばかりいないでまとめます擬似クラスと擬似要素。擬似クラス・擬似要素って?マークアップすることができなかったり(このケースは少ない)、好ましくない特定の状況のときに使用するセレクタです。要するに「んークラス付けるとめんどくなる...
css

[CSS]classもidもないtableにcssを当てる簡単なお仕事です。

先日Excelから表をコピーしてきてWordPressに貼り付けて、そのtableに色を付けたいという「アイデア出せやコラ」っていう脅迫めいたお願いごとがあったときのお話をば少々。ExcelからWordPressにコピペするのはPCにあまり...
css

[CSS,border-radius]tableを角を丸くするのって結構めんどいよね

すっかり寒くなりましたね。次回の更新は暖かくなるころだと思いますはい。今回はtableの角を丸くしてみよー!結論からお話させていただくとtableをborder-collapse:collapse;してあるとできません。reset.cssを...
css

[CSS3,影]よく使う影(box-shadow)をまとめてメモっとく ※オレ用に

css3のbox-shadowを使った影のつけかたいろいろ。
css

[CSS,CSS3]box-sizing(border-box)でborder、paddingを気にしないスローライフな生活を送ろう!

box-sizing(border-box)のありとなしとの違いとbox-sizing(border-box)を使ったサンプルを紹介。
css

[CSS]CSSでアイコンを実装できるICONOを使ってみた。

CSSだけでアイコンを実装できるiconoの使い方をサンプル付きで解説。
css

[CSS3]最近海外のサイトで流行りの2.5Dボタンを作ってみたよ!

box-shadowを使った2.5Dボタンを作る方法。サンプル付きで紹介してます。
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の基本今回もアニメーション...