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の基本今回もアニメーション...
css

[CSS3,animation]CSS3のanimationで何ができるか試してみた!使わないと思うけどw

やっぱり動きがあると面白いですよね!動かさないけど。どうも久々更新の下山です。って書くと複数人で更新してるみたでかっこいい。さて、とうとうアニメーションに手を出し始めました。今回はCSS3で登場のanimationプロパティってどんなことが...
css

[CSS、スマホ、table]スマホの画面だと見づらいtableをMedia Queriesで見やすくしたら良いと思うよ!今度はスクロールだよ!

長々とタイトル書いてしまってごめんなさい。要するに前にポストした記事の「スマホの画面だと見づらいtableをMediaQueriesで見やすくしたら良いと思うよ!」が以外にアクセス多いので別な方法も書いちゃおっかなー的なポストです。前回の方...
WEBツール

[素材集]お世話になってるシルエット素材集をまとめてみた

最近は面倒くさいが大半を占める下山です。そんな下山がお世話になってる素材集をまとめてみましたよ。もちろんベクター画像がほとんどです。ICOOONMONOICOOONMONOモノトーンアイコン素材を無料で使えます。商用利用可能。ダウンロード可...
Compass

[Compass,Utilitiesモジュール]ちょっと便利なUtilitiesモジュールの使い方

今日はちょっと便利なUtilitiesモジュールのお勉強をみんなとやってみたいと思うよ!リンクの色とかclearfixなんかもUtilitiesモジュールを使えば簡単カルカルー!clearfix回り込みの解除.clearfix{@inclu...
Compass

[Compass,CSS3]CompassのCSS3モジュールをまとめてみた(2)

予定は未定でしたが2度めの更新ですよ。今回は「あ~見たことある~」的なところでいくつかピックアップしてみました。時間的変化transition.hogeI{@includetransition;}↓↓↓コンパイル後↓↓↓.hogeI{-mo...
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を使ってみたいと思います...
google

[Googleアナリティクス]定番の解析だけを集めたマイレポート

Googleアナリティクスって難しいですよね。どこを見たらいいのか分からないですよね。見てると1日がアッという間に過ぎちゃいますよね。そんなアクセス解析を見てるのがシゴトです!って方にオススメのマイレポートを紹介します。「訪問数」とか「直帰...