お知らせ的なアレ

2015年もお世話になりました。

2015年も今日を含めて4日となりましたね。もう少し更新頻度を上げてWEBの技術をみなさまと模索していきたかったのですが、忙しさに感けてサボリ気味だったことが反省点でございます。2016年は週一度の更新を目標にしていきたいと思ってますので、...
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

[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ボタンを作る方法。サンプル付きで紹介してます。