カテゴリー: スクリプト系

CSS3とjQueryで作るフラッシュライクなフォトビューアー

http://www.marcofolio.net/webdesign/creating_a_polaroid_photo_viewer_with_css3_and_jquery.html

Creating a polaroid photo viewer with CSS3 and jQuery 

こういう動きをフラッシュ離れと考えるべきか、はたまた、フラッシュには違う役割とか表現がでてきて、JSとフラッシュで棲み分けが進むと考えるべきか。

とにもかくにも、ことのところのJSやCSSは、本当に表現が熱い。昔フラッシュで高いお金を出して外注していたようなことが、さくさくっと、オープンソースでできたりするから、うれしいやら、怖いやら。

と、ごたくはともかく。

こちらは、CSS3とjQueryでポラロイド写真を机上にランダムに散らしたようなフォトギャラリーを実装するソースとデモです。写真の1枚1枚は、マウスドラッグで任意の位置に移動もできる。

こういうのは、結構すきなので、ちょっとソースを見てみることに。よくできてるなぁ。。。

最近残念なのは、IEの表現力の問題とか。なぁんか、足並みが揃わない。IEだけ。でも、国内ユーザーは、未だにIEシェアが高いので、作るほうとしては、なんだかなぁ。。。

私は、基本、作るときからIEでプレビューしてIE中心で作るんだけど、1ユーザーとしては、イライラすることも多い。
もういい加減、クロスブラウザーとか、そういうの、ナシにしてくれないかなぁ。。。プラグインとかオプションとか、違うところだけで選択肢をもてるようになればいいんだけど。

iphoneライクなパスワード入力フィールドを作るjQuery

http://css-tricks.com/better-password-inputs-iphone-style/

Better Password Inputs_ iPhone Style _ CSS-Tricks

入力すると、右側に、入力したアルファベットが1文字1文字大きく表示される。入力が間違っていないか、確認しながら、入力できるので、ユーザビリティの向上にはいいかも。

確かに、パスワードフィールドって、何を入れたかわからなくなるときがある。でも、これは、サイトの全体的なユーザビリティデザインを統一して考えないと、ここだけ凝っちゃってもな~という感は残る。

とりあえず、面白いので、あげとく。

手軽にphpとJSを連携させるjQPie

http://projects.cyberlot.net/trac/jqpie/wiki

「jQPie」は、JavaScriptからPHPの関数を呼び出せるインタフェース提供ライブラリ。

軽量実装で、XML、HTML、json handlerをサポートしている。

サーバ側の全てのPHP関数を実行できるととんでもないことになってしまうので、あらかじめ使える関数を登録する。
こんな感じ。

$handler = new Pjq();
$handler->registerCallback(‘getarray’);
$handler->processIncoming();

ちょっと難しいけど、使いどころのありそうなライブラリ。