css

Compass

[sass,css,メディアクエリ]sassでメディアクエリを書くときに簡単だなって思った方法

スマホ対応、タブレット対応のWEBを作るときに使われるレスポンシブWEBデザイン。 これはメディアクエリが必須となっています。 ボクは日頃レスポンシブWEBデザインは使用しません。 なぜなら面倒くさいし、ボクの技量ではデザイン...
css

[CSS]奇数とか偶数とかn番目とか忘れてしまうのでメモ。

tableで交互に色つけてーとかn番目の要素だけ背景色変えてーとか、よく忘れます・・・歳ですもん。 てことで、今回は筆者の本当のメモです。すみません。 歳には敵わないのです。 奇数番目に色付ける 要素:nth-child...
css

[jQuery CSS]jQueryで手っ取り早くドロップダウンメニュー作っちゃうよ!3階層目以降は対応しないよ!

新年あけましておめでとうございます。 今年もよろしくお願い致します。 さて宣言通り週一で更新していきますよ。 新年一発目はみんな大好きjQuery! 泣く子も黙るドロップダウンメニュー! デモ See the P...
css

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

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

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

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

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

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

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

すっかり寒くなりましたね。次回の更新は暖かくなるころだと思いますはい。 今回はtableの角を丸くしてみよー! 結論からお話させていただくとtableをborder-collapse:collapse;してあるとできません。 ...
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)を使ったサンプルを紹介。
タイトルとURLをコピーしました