前回の続きです。今回も引き続き、CSS3 で定義予定のものも含めて、CSS セレクタのリファレンスいきます。 今回は擬似クラスを中心に取り上げてみますが、CSS3 では擬似クラスが大幅に拡張されていますので、見慣れないものばかりかと思いますが、知っておくといいかもしれません。ただし、ブラウザのサポートはまだまだですので、実用性は高くないと思います。
以前、紹介した「Page Scroller」のバージョンアップ版「Page Scroller ver.3.00」の紹介です。 今回のバージョンから、簡単にスクリプトの設置が可能になりました。 外部スクリプトとして指定するだけで、HTMLページに修正を加えることなく動作させることも可能です。
『 http://blog.reindel.com/2007/08/13/howto-spruce-up-your-search-box-with-css-and-a-background-image 』
一応サンプルのよくある質問部分に関しては、がっつり改行してたりそれなりに分かりやすくしてるつもりなんでソコソコ使いやすいかと思いますが、カスタマイズする際の参考にでもしていただければって事で、ご説明をするです。 ---- こっから続き まずは... 何はともあれhead要素内に、 <script src="./js/jquery.js" type="text/javascript"></script> <script src="./js/q...
いつか使うぞ、という意味でメモ的にエントリー。jQueryを使った写真ギャラリー用のライブラリです。 画像の先読みをしてきれいに表示してくれるっぽいですが、デモを見る限り設定項目が多種多様＆柔軟すぎ・・・。あまり詳しくない人はデモページをそのまま使うか、デモページをちょこっと改造して使うのが良さそうですｗ。JavaScriptに詳しい人はカスタマイズも楽々でき...
これはいつか使う、という意味でメモ的にエントリー。jQuery用のプラグインがかっこいいです。 ↑ こんな感じの簡単なコードでかなりの効果が実現できます。 実現できる効果は以下のリストのとおりですが、フェードの仕方とか、スライドの仕方とかがいちいちかっこいいです。 もちろんjQuery的に簡潔なコードで速度などのオプションを指定可能です。次に切り替わるときの挙...
SexyLightBox - www.coders.me表示法が新しくセクシーなLightBox、その名も「SexyLi...
『 デザインも秀逸なナビゲーションを実装するスタイルシートとスクリプトのチュートリアルの紹介です。シンプルできれい! 』
これは超絶便利そう。あとで使うという意味でメモ的エントリー（といいつつ最近コーディングしていない・・・）。 jQuery Cornerは簡単な記法でさまざまな角丸風エフェクトを実現してくれます。 ↑ まずは基本。 ↑ ちょっと複雑なこんな感じのも。 ↑ 枠の色を変えてみたり。 ↑ 名前タグみたいでいいかも。 なんといっても書き方がシンプルでいいですね。使いやすそうです...
A List Apartのエントリーから、CSS Spriteを使用したナビゲーションに、マウスオーバー時にアニメーションのエフェクトをつける「CSS Sprite2」を紹介します。 CSS Sprites2 - It [...]
カラーピッカーを利用してWebシステムなどで利用したい場合に便利なのが、Farbtastic。 jQuery のプラグインとして動作する。WYSIWYG カラーピッカーとして非常に使いやすいインターフェースを表示してくれる。...
『 YahooUILibraryの拡張ライブラリ「ExtJS」（旧yui-ext）の公式ページ。prototype.js+script.aculo.usやjQueryにも対応。 』
『 これはFacebookでも使われているポップアップ方法のようで、知っている人は知っている、ポップアップの仕方のようです。 』
※ 画像は公式サイトデモより Sparklineとは、折れ線や棒グラフのごく小さな簡単なグラフのことだ。例えば、株価の推移や、気温の変化を表示したりするのに向いている。そして文字と同じくらいの高さであるために、インラインで表示するような使い方も多い。 右側に並ぶのがSparkline 使い方にもよるが、通常のグラフとはまた違うインパクトでデータを表示することができて...
『 http://coliss.com/articles/build-websites/operation/javascript/1359.html 』
prettyCheckboxesは、チェックボックスやラジオボタンの外観を変更するスクリプトです。 prettyCheckboxes, a solution to checkboxes 外観はデフォルトでキャプチャ画 [...]
『 超クールhttp://coliss.com/articles/build-websites/operation/work/1353.html 』
いつか使いそうだからメモ。画像がびよーんと手前に出てくるような効果を実現できるjQueryのプラグインです。使い方も簡単ですね。 ↑ デモをみてもらうのが早いかな。 SpaceGalleryとはなんともうまいネーミングですね。うまく説明できませんがとっても宇宙的です。逆スターウォーズというかｗ。 詳細＆ダウンロードは以下からどうぞ。画像をクリックすればどういうものかわ...
The Highly Extensible CSS InterfaceCSS・JSを活用して高度なUIを作成するサンプル...
データをグラフで表示したいと思った時、どういった手段が考えられるだろうか。画像を生成するライブラリを使う、HTMLで擬似的なものを作る、または表計算ソフトウェアを使うと言った方法もある。 [1] だが、どれも面倒に移るかもしれない。サーバ側の問題で利用できない場合もある。そこでこれだ。 今回紹介するオープンソース・ソフトウェアはFlot、JavaScriptを使ったグラ...
![デザイン・アート情報のまとめ [ DESIGN ARCHIVE ]](http://img.awasete.com/image.phtml?u=http%3A%2F%2Fart.designlinkdatabase.net%2F)