前回の続きです。今回も引き続き、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 』
いつか使うぞ、という意味でメモ的にエントリー。jQueryを使った写真ギャラリー用のライブラリです。 画像の先読みをしてきれいに表示してくれるっぽいですが、デモを見る限り設定項目が多種多様＆柔軟すぎ・・・。あまり詳しくない人はデモページをそのまま使うか、デモページをちょこっと改造して使うのが良さそうですｗ。JavaScriptに詳しい人はカスタマイズも楽々でき...
これはいつか使う、という意味でメモ的にエントリー。jQuery用のプラグインがかっこいいです。 ↑ こんな感じの簡単なコードでかなりの効果が実現できます。 実現できる効果は以下のリストのとおりですが、フェードの仕方とか、スライドの仕方とかがいちいちかっこいいです。 もちろんjQuery的に簡潔なコードで速度などのオプションを指定可能です。次に切り替わるときの挙...
SexyLightBox - www.coders.me表示法が新しくセクシーなLightBox、その名も「SexyLi...
『 デザインも秀逸なナビゲーションを実装するスタイルシートとスクリプトのチュートリアルの紹介です。シンプルできれい! 』
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でも使われているポップアップ方法のようで、知っている人は知っている、ポップアップの仕方のようです。 』
『 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 』
※ 画像は公式サイトデモより 業務システムのみならず、メールや一覧の機能で必要になるのがテーブルを使った一覧機能だ。このとき、比較元になるのがエクセルをはじめとした表計算ソフトウェアだろう。あのレベルのUIをWebベースで再現するのはほぼ不可能とさえ言えそうだ。 ドラッグアンドドロップによるカラムの並べ替えや表示/非表示の切り替えが可能 無理矢理カス...
ウェブ制作に役立つ記事の先週のハイライトです。 チュートリアル・Photoshop関連 70 Beauty-Retouching Photoshop Tutorials 70のPhotoshopのレタッチのチュートリア [...]
Dynamic Layoutは、ユーザーのブラウザの幅を認識し、それに適したスタイルシートでページのレイアウトを最適化するスクリプトです。 Dynamic Layout デモ Dynamic Holy Grail [...]
Unit Interactiveのエントリーから、透過PNG画像をIE6で表示する、超軽量(2KB)の設置も簡単なスクリプトを紹介します。 Unit PNG Fix 透過PNGの表示は普通の画像や背景画像に対応してお [...]
『 http://coliss.com/articles/build-websites/operation/javascript/1278.html 』
WebTeckerのエントリーから、JavaScript, Flash, Silverlight, PHPなどを使用して、グラフやチャートなどにデータをビジュアル化するスクリプトの紹介です。 10 Free Chart [...]
![デザイン・アート情報のまとめ [ DESIGN ARCHIVE ]](http://img.awasete.com/image.phtml?u=http%3A%2F%2Fart.designlinkdatabase.net%2F)