前回の続きです。今回も引き続き、CSS3 で定義予定のものも含めて、CSS セレクタのリファレンスいきます。 今回は擬似クラスを中心に取り上げてみますが、CSS3 では擬似クラスが大幅に拡張されていますので、見慣れないものばかりかと思いますが、知っておくといいかもしれません。ただし、ブラウザのサポートはまだまだですので、実用性は高くないと思います。
いつか使うぞ、という意味でメモ的にエントリー。jQueryを使った写真ギャラリー用のライブラリです。 画像の先読みをしてきれいに表示してくれるっぽいですが、デモを見る限り設定項目が多種多様＆柔軟すぎ・・・。あまり詳しくない人はデモページをそのまま使うか、デモページをちょこっと改造して使うのが良さそうですｗ。JavaScriptに詳しい人はカスタマイズも楽々でき...
SexyLightBox - www.coders.me表示法が新しくセクシーなLightBox、その名も「SexyLi...
これは超絶便利そう。あとで使うという意味でメモ的エントリー（といいつつ最近コーディングしていない・・・）。 jQuery Cornerは簡単な記法でさまざまな角丸風エフェクトを実現してくれます。 ↑ まずは基本。 ↑ ちょっと複雑なこんな感じのも。 ↑ 枠の色を変えてみたり。 ↑ 名前タグみたいでいいかも。 なんといっても書き方がシンプルでいいですね。使いやすそうです...
カラーピッカーを利用してWebシステムなどで利用したい場合に便利なのが、Farbtastic。 jQuery のプラグインとして動作する。WYSIWYG カラーピッカーとして非常に使いやすいインターフェースを表示してくれる。...
『 これはFacebookでも使われているポップアップ方法のようで、知っている人は知っている、ポップアップの仕方のようです。 』
※ 画像は公式サイトデモより Sparklineとは、折れ線や棒グラフのごく小さな簡単なグラフのことだ。例えば、株価の推移や、気温の変化を表示したりするのに向いている。そして文字と同じくらいの高さであるために、インラインで表示するような使い方も多い。 右側に並ぶのがSparkline 使い方にもよるが、通常のグラフとはまた違うインパクトでデータを表示することができて...
prettyCheckboxesは、チェックボックスやラジオボタンの外観を変更するスクリプトです。 prettyCheckboxes, a solution to checkboxes 外観はデフォルトでキャプチャ画 [...]
いつか使いそうだからメモ。画像がびよーんと手前に出てくるような効果を実現できるjQueryのプラグインです。使い方も簡単ですね。 ↑ デモをみてもらうのが早いかな。 SpaceGalleryとはなんともうまいネーミングですね。うまく説明できませんがとっても宇宙的です。逆スターウォーズというかｗ。 詳細＆ダウンロードは以下からどうぞ。画像をクリックすればどういうものかわ...
データをグラフで表示したいと思った時、どういった手段が考えられるだろうか。画像を生成するライブラリを使う、HTMLで擬似的なものを作る、または表計算ソフトウェアを使うと言った方法もある。 [1] だが、どれも面倒に移るかもしれない。サーバ側の問題で利用できない場合もある。そこでこれだ。 今回紹介するオープンソース・ソフトウェアはFlot、JavaScriptを使ったグラ...
Web Design Wallのエントリー「jQuery Tutorials for Designers」から、JavaScriptのライブラリ「jQuery」が視覚的にどのように動作するかデモと共に解説してる10のチュートリアルを紹介します。 jQuery Tutorials for Designers
ウェブ制作に役立つ記事の先週のハイライトです。 チュートリアル・Photoshop関連 70 Beauty-Retouching Photoshop Tutorials 70のPhotoshopのレタッチのチュートリア [...]
Dynamic Layoutは、ユーザーのブラウザの幅を認識し、それに適したスタイルシートでページのレイアウトを最適化するスクリプトです。 Dynamic Layout デモ Dynamic Holy Grail [...]
これは便利そうなjQueryのプラグイン。コードにちょこっと細工するだけであらゆるテーブルにデータフィルター機能をつけることができます。 ↑ こんな感じにフィルター用のテキストボックスが現れます。 ↑ 「*e」でeを含むデータだけ表示させます。 大量のデータがある場合には使ってみると吉かもですね。なお、フィルタリングの文法がちょっとわかりにくいかもですね。...
Unit Interactiveのエントリーから、透過PNG画像をIE6で表示する、超軽量(2KB)の設置も簡単なスクリプトを紹介します。 Unit PNG Fix 透過PNGの表示は普通の画像や背景画像に対応してお [...]
WebTeckerのエントリーから、JavaScript, Flash, Silverlight, PHPなどを使用して、グラフやチャートなどにデータをビジュアル化するスクリプトの紹介です。 10 Free Chart [...]
なにやらクールなイメージ装飾スクリプト。 ちょっと興味があるので勉強がてらご紹介。
サイト作りに役立ちそうなツールのご紹介。ThemeRollerはjQueryを使ったウェブ部品のスタイルを作成、ダウンロードできるサイトです。 自分でがしがしカスタマイズしてダウンロードもできますし、他の人がつくったかっこいいテーマを拝借することもできます。 ↑ こういう感じでカスタマイズすると・・・。 ↑ こういうのがZIPでまとめてもらえます。 こういう細かいスタイル...
『 spanの半分くらいはビジュアルデザイン目的な気がしてきた。せめてJSで生成するくらいの恥じらいがあっても良いよな、やってることは同じだけど。…とか言いつつ、実務で使えるんなら使ってしまおうと思っている 』
はじめに 今日、 jQuery の作者として有名な John Resig さんが Processing.js という JavaScript のライブラリを公開しました。 John Resig - Processing.js このライブラリを使うと、比較的簡単に以下のようなグラフィックスやアニメーションを書くことができるようになります。 はてなブックマークもかなり集まってますね。 というわけで、公開されたばかりのこのライブラリを簡単な使い方か...
![デザイン・アート情報のまとめ [ DESIGN ARCHIVE ]](http://img.awasete.com/image.phtml?u=http%3A%2F%2Fart.designlinkdatabase.net%2F)