WEB

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

[CSS]olの番号に括弧を付けてみた。正確にはolの番号に括弧は付けれらないよね。

olの番号に括弧を付けてみた。正確にはolの番号に括弧は付けれらないよね。だからcounter-incrementで連番振ってcontentで括弧付き番号振っちゃうもんね。
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の基本今回もアニメーション...