Green Gecko Designから、divで囲まれたエリアを省スペースに表示し、オリジナル画像を使ったスクロールバーを使用できるスクリプトを紹介します。 MooScroll デモ スクロールバーを形成する画像構 [...]
SexyLightBox - www.coders.me表示法が新しくセクシーなLightBox、その名も「SexyLi...
『 デザインも秀逸なナビゲーションを実装するスタイルシートとスクリプトのチュートリアルの紹介です。シンプルできれい! 』
A List Apartのエントリーから、CSS Spriteを使用したナビゲーションに、マウスオーバー時にアニメーションのエフェクトをつける「CSS Sprite2」を紹介します。 CSS Sprites2 - It [...]
デザインパターンってなんだかたいそうなものに考えられがちだけど、実は、そこかしこのライブラリや仕様に取り込まれていることが多い。 「デザインパターン分からん」とか「で、どうやって使うのよ」と悶々としている人には、「どういうところで使わているのか」を知っておけばイメージも沸きやすいし、意外にたいしたことないんだな、ということが分かるんじゃない...
『 alert（）やconfirm（）の代替として使えるLightbox系の擬似ダイアログ・ライブラリ。スライドしながら表示される。要mootools。MITライセンス。 』
『 絵で意味合いを主張するのはいいかもね：FFで動かないのが痛いところ 』
『 CSS、Tips、良くまとまっている、角丸、RSSアイコン、印刷、重複あり 』
一部のプログラムは、トータルで何千行ものコードにもなり、確保する配列 の要素の数も数万オーダになります。Internet Explorer では、 たった数万の配列を作成しただけでハングアップするという Bug がある らしいので、Internet Explorer でのアクセスはご遠慮ねがいます。いかなる 問題が発生しようとも、私は一切の責任をおいません。 応用編 入力したテキストをページ上に書き...
『 オンラインで画像を編集。編集できるイメージの最大サイズは5000×5000ピクセル、10MBまで。リサイズ、切り抜き、回転などなど、画像編集が可能。編集後の画像はGIF、JPEG、PDF、PNG、PSD、TIFF形式でダウンロードして保存可 』
『 いろんなツールやwebジェネレーター、ソフトの紹介&解説 webtools/341/スクリーンショットいろいろ 』
JavaScriptでツールチップを表示するライブラリは比較的多く存在する。ライブラリ選択の基準にデザインが重要になってくる。シンプルなデザインの角まるツールチップで使いやすいのがCoolTips。ライブラリも軽量になっている点もうれしい。
『 「CSSとJavaScriptで影付きの角丸ボックス要素を作る。」IEでは表示なし。 』
『 JavaScriptでサクサク動くイメージギャラリー作成用ライブラリ 』
カラーピッカーを利用してWebシステムなどで利用したい場合に便利なのが、Farbtastic。 jQuery のプラグインとして動作する。WYSIWYG カラーピッカーとして非常に使いやすいインターフェースを表示してくれる。...
「CSS」タブをクリックして、中のコードを書き換えると、リロードせずにそのままリアルタイムにページ全体を再レンダリングしてくれます。「Markup」タブをクリックすればHTMLコード自体を書き換え可能。元に戻すには「clear markup and css」をクリック。 Firefoxの拡張である「greaseMonkey」バージョンもあるので、自分のサイトで同じようなことができるようになり、CSSデザインの試...
『 YahooUILibraryの拡張ライブラリ「ExtJS」（旧yui-ext）の公式ページ。prototype.js+script.aculo.usやjQueryにも対応。 』
Ajaxを駆使したWebサイトは、SEOやアクセシビリティの点で不利だと言われることがある。JavaScriptを無効にすると、一切のコンテンツが表示されなくなってしまうためだ。 しかし、ちょっとした気遣いで問題なく利用するコンテンツを作ることができる。ここでは、そんなテクニックを紹介しよう。 まずは、悪い例を3つ続けて紹介する。 悪例1：JavaScriptで後からコンテンツを...
『 色が一目で分かる 』
![デザイン・アート情報のまとめ [ DESIGN ARCHIVE ]](http://img.awasete.com/image.phtml?u=http%3A%2F%2Fart.designlinkdatabase.net%2F)