css[CSS]CSSでアイコンを実装できるICONOを使ってみた。
CSSだけでアイコンを実装できるiconoの使い方をサンプル付きで解説。
Webデザイン
css css[CSS3]最近海外のサイトで流行りの2.5Dボタンを作ってみたよ！
box-shadowを使った2.5Dボタンを作る方法。サンプル付きで紹介してます。
css[CSS、スマホ、table]スマホの画面だと見づらいtableをMedia Queriesで見やすくしたら良いと思うよ！今度はスクロールだよ！
長々とタイトル書いてしまってごめんなさい。要するに前にポストした記事の「スマホの画面だと見づらいtableをMediaQueriesで見やすくしたら良いと思うよ！」が以外にアクセス多いので別な方法も書いちゃおっかなー的なポストです。前回の方...
WEBツール[素材集]お世話になってるシルエット素材集をまとめてみた
最近は面倒くさいが大半を占める下山です。そんな下山がお世話になってる素材集をまとめてみましたよ。もちろんベクター画像がほとんどです。ICOOONMONOICOOONMONOモノトーンアイコン素材を無料で使えます。商用利用可能。ダウンロード可...
Compass[Compass,CSS3]CompassのCSS3モジュールをまとめてみた（随時更新予定は未定）
自分ノートとしてCSS3モジュールをまとめてみるわけさ。とりあえず絶対使いそうなもの3つから。まずは基本の「キ」角丸border-radius.hogeA{@includeborder-radius;}↓↓↓コンパイル後↓↓↓.hogeA{...
css[CSS]:first-childと:last-childで角丸なナビゲーションを作ってみる
角丸は正義だぁ！と言うことでliを横並びにした角丸なナビゲーションを作ってみました。本来ならliの最初と最後にクラスでも付けてやりそうなもんですが、CSS2で定義された:first-childと:last-childを使ってみたいと思います...
css[CSS]Hover.cssを使ってみた
遅くなりましたが、あけましておめでとうございます。今年も何かしら書き綴っていきますよ。新年一発目は最近流行りのHover.cssの使い方をまとめてみます。Hover.cssダウンロードHover.cssからダウンロードとデモが見れます。実装...
css[CSS]WEBだって印刷するんだ！どうでもいいけど切り取り線とか作っちゃうよ！
しばらくぶりの更新。書きたいネタはたくさんありますが、そんな中から厳選して今後絶対使わないであろうネタをメモ。<hr>を使って切り取り線作ってみた。デモはこちらCSShr{height:0;margin:0;padding:0;border...
google[Google]Google Web Designerで秋を演出してみた
Googleが無料で提供するhtml5や広告を作成するツール「GoogleWebDesigner」を試してみた。操作はFLASHをやってた人ならなんなくこなせそうな感じです。まずはダウンロードとインストール公式：GoogleWebDesig...
css[CSS]RGBaってなんだよ！という方へ向けたメモ
opacity同様、透明度を指定するCSS3のプロパティ。background-colorなどとの併用で色と透明度を同時に指定できます。使用できるプロパティbackground-colorborder-colorcolor指定方法backg...