SexyLightBox - www.coders.me表示法が新しくセクシーなLightBox、その名も「SexyLi...
A List Apartのエントリーから、CSS Spriteを使用したナビゲーションに、マウスオーバー時にアニメーションのエフェクトをつける「CSS Sprite2」を紹介します。 CSS Sprites2 - It [...]
デザインパターンってなんだかたいそうなものに考えられがちだけど、実は、そこかしこのライブラリや仕様に取り込まれていることが多い。 「デザインパターン分からん」とか「で、どうやって使うのよ」と悶々としている人には、「どういうところで使わているのか」を知っておけばイメージも沸きやすいし、意外にたいしたことないんだな、ということが分かるんじゃない...
Ruby on Railsなどにも含まれている、話題のJavascript...
一部のプログラムは、トータルで何千行ものコードにもなり、確保する配列 の要素の数も数万オーダになります。Internet Explorer では、 たった数万の配列を作成しただけでハングアップするという Bug がある らしいので、Internet Explorer でのアクセスはご遠慮ねがいます。いかなる 問題が発生しようとも、私は一切の責任をおいません。 応用編 入力したテキストをページ上に書き...
JavaScriptでツールチップを表示するライブラリは比較的多く存在する。ライブラリ選択の基準にデザインが重要になってくる。シンプルなデザインの角まるツールチップで使いやすいのがCoolTips。ライブラリも軽量になっている点もうれしい。
『 「CSSとJavaScriptで影付きの角丸ボックス要素を作る。」IEでは表示なし。 』
『 YahooUILibraryの拡張ライブラリ「ExtJS」（旧yui-ext）の公式ページ。prototype.js+script.aculo.usやjQueryにも対応。 』
Ajaxを駆使したWebサイトは、SEOやアクセシビリティの点で不利だと言われることがある。JavaScriptを無効にすると、一切のコンテンツが表示されなくなってしまうためだ。 しかし、ちょっとした気遣いで問題なく利用するコンテンツを作ることができる。ここでは、そんなテクニックを紹介しよう。 まずは、悪い例を3つ続けて紹介する。 悪例1：JavaScriptで後からコンテンツを...
前回の「CSS3 の target 疑似クラスで脚注を動的に表示する」に引き続き、:target 疑似クラスを使ってスライドショーみたいなんを作ってみた。ひとつの HTML 文書なんだけど、画面が切り替わっていくかのように見せる。ピュア CSS とか言いつつも、前回同様、:target 疑似クラスに未対応な IE でも動くように JavaScript を使っている。純粋に CSS のみで動くのは、Firefox、Safari あたり。Opera...
『 データのエクスポート、またはタブ区切りとかでクリップボードにコピーできればいいんだけどなあ。表のソートくらいなら自前でやればいいし・・・ 』
『 >>サイトのサイトマップページをCSSとJavaScriptで分かりやすくツリー状にする「SitemapStyler」スタイルなしの状態のリストを美しくツリー状に整形できます。 』
マスカットとは、Webブラウザ上で動作するAJAXベースのリッチクライアントを開発するオープンソース・フレームワークです。開発者は定義ファイルの設定とビジネスロジックの作成だけで、簡単にリッチクライアントが実現できます。詳細については、
ガラスのように透明感のあるデザインをコンテンツに適用してくれるのがglassbox.js。JavaScriptコードで、GrassBoxデザインを適用したい<div>などを指定すると、必要なHTMLタグとスタイル指定が行われる。数行のJavaScriptコードを書くだけで、デザインが適用...
『 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とはなんともうまいネーミングですね。うまく説明できませんがとっても宇宙的です。逆スターウォーズというかｗ。 詳細＆ダウンロードは以下からどうぞ。画像をクリックすればどういうものかわ...
『 画像を立体ガラス風にするエフェクト実装JavaScriptライブラリ「Glossy.js」。 プレーンな画像に、次のように画像にガラスのような立体効果を与えることが可能。 必要なライブラリを読み込 』
![デザイン・アート情報のまとめ [ DESIGN ARCHIVE ]](http://img.awasete.com/image.phtml?u=http%3A%2F%2Fart.designlinkdatabase.net%2F)