css

css

[CSS]:after擬似要素を使ってCSSだけで吹き出しを作る

吹き出しといえば「笑う」みたいな変な固定観念を持ちあわせています下山です。今回は笑いながら記事を書きます。:after擬似要素を使って吹き出しの作り方をまとめたンゴ。まずはデモ要はdivに擬似要素で三角を付けてpositionで位置指定する...
css

[CSS3]CSS3のベンダープレフィックスが必要なプロパティってどれ?

CSS3ってベンダープレフィックス書くとき結構適当に書いてます下山です。いや、適当いかんやろ!ということで、どこかに一覧がないかしら?と調べてみました。CanIuse...このサイトに結構詳しく掲載されています。CSSだけでなくhtml5も...
css

[WordPress CSS]nth-child(n)擬似クラスでWordPressのカレンダーの土曜日、日曜日のスタイルを変更する

前回のWordPressのカレンダーウィジェットを可愛くする(おじさんが)の続きです。前回でWordPressのカレンダーウィジェットの見た目は微妙に可愛くなりましたが、まだ足りません。ということでnth-child擬似クラスを使って土曜日...
css

[WordPress CSS]WordPressのカレンダーウィジェットを可愛くする(おじさんが)

桜島が大変なことになってますね!ネットでは鹿児島市民にとっては日常でしょ?とか言われていますが、そんなことないですよ!若干、500回爆発記念で5000mの噴煙てとこでプチお祭りです下山です。(※ボクの中だけでのお祭りです。)さてさて毎度CS...
css

[CSS3]transitionのまとメモ

昨夜は会社で寝てました。で起きました。当然「え?え?え?どこ?いつ?なんじ?」な状態です。下山です。最近頻繁に使うtransitionまとメモ。transitionって?指定したスタイルを別のスタイルへ滑らかに変化されるためのプロパティです...
css

[CSS エディタ]MeryでCSS3のベンダープレフィックスをボタン1個で書く

毎日暑い日が続きますね!自宅のエアコン壊れっぱなし下山です。今日はエディタの便利機能の紹介を。ボクが最近使ってるエディタはMery。スニペット(もどき)なんか自分で作れてオリジナルの環境作れるから便利です。もちろんZenCodingも使えま...
css

[CSS3]IE6~8でもCSS3を使えるようにするCSS3 PIE

全国数百万人(適当)のWEBクリエイターのみなさん!毎日「IEしねしねー」の呪文唱えてますか!今日はそんな腐クリエイターさんたちのための情報ですよ!(今更・・・)思いっきりCSS3が使えるIEは10・・・しかし、UAシェアを見てみるとまだま...
css

[CSS3]CSS3で背景画像を複数指定する!IE9以上

3歩進んで2歩下がる生活スタイルがすっかり定着の下山です。マウスをカチカチやってるよりキーボードをパチパチやってるほうが好きです。(前フリ)という訳で背景画像を3つの素材からCSSで作ってしまおうと・・・photoshopとか画像処理なんて...
css

[CSS3]p要素とtext-overflowを使ってキレイにレイアウトする

背中に蕁麻疹。うまい具合にイスの背もたれで心地よく掻いています下山です。(傍から見るとモゾモゾ気持ち悪いオッサン・・・)さて上の画像をご覧ください。こんなレイアウトってよく使いますよね?使うんです。divやli等でレイアウトする方が多いと思...
css

[CSS]transform-styleとかperspectiveに後ろ髪を引かれてたからやってみた

天気悪いっすね下山です。寝ても覚めても納期に追われてます。CSS3から新登場のtransform-styleとかperspectiveが気になってまして・・・transform系はjQueryだろーが!とか思ってまして・・・食わず嫌いは良く...