que_serserのブックマーク / 2014年1月17日

que_serser id:que_serser

2014年1月17日のブックマーク (3件)

CSSセレクタ20個のおさらい
CSSセレクタって意外と分かっていなかったりするので勉強ついでにまとめてみました。比較的実用的かなと思うものを20個紹介していきます。いい復習になればと思います。 CSSセレクタはスタイルを適用する対象を指定するものです。普段何気なく使っているclassやidなどもセレクタの１つです。属性や要素といった堅苦しい用語が出てきますので図で簡単に説明します。私のように基礎から勉強していないと、要素や属性と聞いてもピンときませんが、知ってみるとなんてことはないですね。また、IEが対応しきれていないCSS3のセレクタもありますが、IE6～8でもCSS3セレクタが利用できるツールの決定版「Selectivizr」で紹介したようにCSS3セレクタはie対策も容易なのでぜひお試しください。 SelectivizrはCSSを外部ファイルで指定した方がいいのですが、今回のサンプルはCSSを外部ファイル
que_serser 2014/01/17
擬似要素

CSS
リンク
[CSS]擬似要素の実用的な使用用途のまとめ
(個人的な)Graceful Degradationへのシフト webcre8はこれまでIE対応の必要な環境で仕事をしていた為あまりIE6,7で使えない技術には興味が湧かなかったんですが、(ずっと進んでない)ブログのリニューアルのことを考えていると、やはりどうしても擬似要素や過去ブラウザを無視(ざっくり対応)した形でのCSS3の使い方に魅力を感じてしまうわけです。つまりプログレッシブ・エンハンスメント→グレースフル・デグラデーション的な考え方に気持ちがシフトしているんですね。そしてどうせCSS3を使用してディティールに凝るのなら、「空divや重ね使いで無理矢理作っていたものをさっくり作れる」ことに驚くより、「フォールバックを意識したコーディングをして過去ブラウザにはあっさりコンテンツを見せる」方がやっぱりいいなーと感じているわけです。とりあえず擬似要素でそこで今回は自分が擬似要素を使
que_serser 2014/01/17
CSS
リンク
jQueryプラグインサンプル（メニュー系）：skuare.net
JavaScriptライブラリのjQueryのプラグインを利用して出来るサンプルです。 jQueryは、John Resig によって開発されたJavascriptライブラリで、AjaxやDOMプログラミングコードを「簡潔・簡単」に書けます。ここでは、メニュー関連のjQueryプラグインを紹介しています。シンプルなサイドメニュー表示jQueryプラグイン「jQuery Sidebar」表示させる要素が限られているWEBサイト。特にスマートフォン向けではメニューなどをトグルで表示させることが多いかと思います。こんな時はシンプルにサイドバーを表示させるjQueryプラグインjQuery-sidebarはいかがでしょうか。 via：jQuery-sidebar
que_serser 2014/01/17
jquery

javascript

プラグイン
リンク
- 2014年1月20日
- 2014年1月17日
- 2014年1月16日