※ 画像は公式サイトデモより Ajaxを使っている場合、その結果通知をどのように行うかは困るところだ。せっかく画面遷移のない、格好いい仕組みを使っているのに、ただ「完了しました」だけではあまりにもおざなりだろう。 右上に通知が出る 各Webサービスとも、通知のウィンドウは色々な工夫が凝らされている。自分のサイトで格好いい通知をしてみたかったら、このよ...
『 ウェブサイトで使用しているAjaxの動作を解析してくれるWebアプリ。デモで試してみたが、UTF-8以外の日本語は文字化けするようだ。 』
『 アニメみたいな視差を表現する面白JavaScriptライブラリ「jParallax」 イメージ上でマウスを動かすと、近くの物ほど速く、遠くの物ほど遅く動作するような表現が可能。 』
Natalie Downeから、PDF、MP3、DOCファイルなどにリンクした際に、自動でファイルの容量を表示するスクリプト「addSizes.js」を紹介します。 addSizes.js Snazzy automat [...]
SexyLightBox - www.coders.me表示法が新しくセクシーなLightBox、その名も「SexyLi...
jParallaxは、複数のパネルをパララックスで奥行きを表現し、マウスの動きに合わせてダイナミックにスクロールさせるスクリプトです。 jParallax 複数のイラストを重ねただけでも面白いですが、下記のデモのよう [...]
A List Apartのエントリーから、CSS Spriteを使用したナビゲーションに、マウスオーバー時にアニメーションのエフェクトをつける「CSS Sprite2」を紹介します。 CSS Sprites2 - It [...]
ガラスのように透明感のあるデザインをコンテンツに適用してくれるのがglassbox.js。JavaScriptコードで、GrassBoxデザインを適用したい<div>などを指定すると、必要なHTMLタグとスタイル指定が行われる。数行のJavaScriptコードを書くだけで、デザインが適用...
『 http://coliss.com/articles/build-websites/operation/javascript/1359.html 』
prettyCheckboxesは、チェックボックスやラジオボタンの外観を変更するスクリプトです。 prettyCheckboxes, a solution to checkboxes 外観はデフォルトでキャプチャ画 [...]
いつか使いそうだからメモ。画像がびよーんと手前に出てくるような効果を実現できるjQueryのプラグインです。使い方も簡単ですね。 ↑ デモをみてもらうのが早いかな。 SpaceGalleryとはなんともうまいネーミングですね。うまく説明できませんがとっても宇宙的です。逆スターウォーズというかｗ。 詳細＆ダウンロードは以下からどうぞ。画像をクリックすればどういうものかわ...
※ 画像は公式サイトデモより 業務システムのみならず、メールや一覧の機能で必要になるのがテーブルを使った一覧機能だ。このとき、比較元になるのがエクセルをはじめとした表計算ソフトウェアだろう。あのレベルのUIをWebベースで再現するのはほぼ不可能とさえ言えそうだ。 ドラッグアンドドロップによるカラムの並べ替えや表示/非表示の切り替えが可能 無理矢理カス...
『 http://coliss.com/articles/build-websites/operation/javascript/1318.html 』
Access-Control: allow <*> Access-Control: allow <http://example.com> Access-Control: allow <http://example.com:*> Access-Control: allow <http://example.com:80> ■ Access Control for Cross-site Request Access-Control: allow <example.com:1234> Access-Control: allow <*.example.com> <*.example.org> Access-Control: allow <http://*.example.org> exclude <http://public.example.com>
Unit Interactiveのエントリーから、指定したHTMLのタグやスタイルシートのクラスにツールチップを実装できるスクリプトです。 UniTip タグやクラスは複数の指定が可能で、「unitip.js」の先頭 [...]
mooVRotatingMenu menu tournant sur lui-me gre ・mootools et a...
企業のホームページや、ショップのホームページ等を作る際、必ずあるのが、「お問い合わせフォーム」。 しかし、よくあるのが、入力項目が大量にあるフォーム。 これでは問い合わせをしようとした方も、面倒になり、途中で入力をやめてしまう可能性があります。 フォームをできるだけ簡潔にしたほうが、コンバージョン率は高くなります。 そこで、入力を少しでも簡潔に...
これはちょっと便利なのでは。しかも導入もお手軽。 なんとテーブルの列をドラッグ＆ドロップで入れ替え可能にするライブラリです。「この列とこの列が隣だと見やすいのになぁ」「この列は関係ないから端っこに寄せたい」なんてときに超絶便利です。 ↑ こんな感じでひょいっと。 導入方法は簡単。JavaScriptライブラリを読み込んで、<table class="draggable">と指...
『 http://coliss.com/articles/build-websites/operation/work/1231.html 』
『 わずか数行でものすごいテーブルに!-jQueryプラグイン「Flexigrid」（1）ドラッグ&ドロップでカラム幅を変更可能 』
『 画像を拡大してみれるようにするためのライブラリ 商用サイトの場合は有料 JavaScriptとFLASHを利用 』
