Flashを使用せずに、液体が流れるように画像を少しずつ表示するスクリプトをWeb Reflectionから紹介します。 JavaScript Liquid Image FX demo 上記のデモでは、Firefoxのロゴが左から順に上下左右から液体が流れるように画像を少しずつ表示します。 また、動きを組み合わせたデモもあります。
[JS]液体が流れるように画像を少しずつ表示するスクリプト -Liquid Image FX
Flashを使用せずに、液体が流れるように画像を少しずつ表示するスクリプトをWeb Reflectionから紹介します。 JavaScript Liquid Image FX demo 上記のデモでは、Firefoxのロゴが左から順に上下左右から液体が流れるように画像を少しずつ表示します。 また、動きを組み合わせたデモもあります。
サムネイルをスムーズに拡大するjQuery – creamu
Build Internet!で、Elastic Thumbnail Menuというサムネイルをスムーズに拡大するjQueryが紹介されています。 これはかなりいいですね。マウスオーバーすると、うにゅ、うにゅっとサムネイルが拡大します。動きがとても気持ちいい。 デモは以下から。 » LIVE DEMO imgを覆うアンカーにクラスを指定して、CSSでスタイル、そしてjQueryで動きをつけているようです。 IEのfixについても書かれていますね。以下のソースをCSSに書くことで問題ないようです。 img { -ms-interpolation-mode: bicubic; } ぜひ見てみてください☆ » Sproing! – Make An Elastic Thumbnail Menu 無性にWPが触りたくなってきたぞ。ちょいいじってみようかな。
JavaScript Library Archive
JavaScript Library Archiveについて JavaScriptライブラリをまとめたサイトです。用途別に探すことができ、配布元、使用方法、ライセンスなどについて解説をしております。 新着JavaScriptライブラリ プログラムのコードに色を付ける「google-code-prettify」 角丸を表現する「jQuery Corners 0.3」 jQueryベースのカラーピッカー 「Farbtastic」 水平方向のアコーディオンメニュー「horizontal accordion」 セレクトボックスをカスタマイズする「Script.aculo.us Select Box」 IE6でhover,active,focus擬似要素を使う為の「csshover」 画像に光沢を与えるjsライブラリ『Glossy.js』 IE6以下をIE7と同じようにするライブラリ『IE7.js』
jQuery 日本語リファレンス
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );
第35回 FlashムービーとJavaScriptを連携させてみよう：ITpro
最近ではAjaxの流行もあり，JavaScriptのライブラリがかなり充実していますね。これらのライブラリの関数を始めとしたJavaScriptの関数を，Flashムービーから呼ぶことができれば，Flashムービーだけでは実現が難しい処理も意外に簡単にできてしまうこともあります。 ムービーを表示しているHTMLドキュメントのURIを取得する あけましておめでとうございます。本年もよろしくお願いいたします。 さてさて，図1のムービーでは，ムービーを表示しているHTMLファイルのURI（URL）を表示しています。 図1：ムービーを表示しているHTMLファイルのURIを取得するムービー（クリックするとムービーを表示します） Flashムービーでは，ムービー自身のURIは「_urlプロパティ」を使って取得できますが，ムービーを表示しているHTMLファイルのURIまでは取得できません。では，図1のム
mysketch.blog - 【JavaScript】+【AS2】フローティング効果
HTMLの上にflashを表示する効果を作成してみました。 上のflashをクリックすると、ワンコが画面外を走ります。 フローティング処理自体は非常にシンプルです。 HTMLに、JavaScriptを使って<div>ブロックを追加。 <div>にスタイルのz-indexを設定して上に重ねる。 追加した<div>ブロックにflashを表示。 イメージとしてはこんな感じです。 今回、flash側からJavaScriptの呼び出しを行って、処理が終わったら（ワンコが画面外まで走って行ったら）Javascriptからflash側にワンコを再表示させるように設定してあります。 詳しい解説は以下より
デザイナー・コーダー必見！使えるform関連jQueryプラグインの数々 | バシャログ。
こんばんは、最近ホルモン焼きにハマっているishidaです。 WEBサイト制作時、formは必ずといってもいいぐらい存在します。 お問い合わせフォームや会員登録フォームなどがすぐに思いつきますよね。 デザインをがっつりフォーム部分で作り込んでも、CSSのみでは、 実現できなかったりすることもよくあります。 そんなクセのあるformを、よりリッチに！かつ操作性を向上！できるjQueryプラグインの数々をご紹介します。 デザイナーの方は、フォームのデザインの参考に。 コーダーの方は、ページ作成時間の短縮に手助けになればと思います。 jQuery plugin: Validation フォームの入力チェック（バリデーション）が簡単にできるプラグイン。 エラーメッセージはlocalizationディレクトリ内に18言語用意されています。 日本語用は別途作成し、使用することが可能です。 jQuery
一日で学ぶ jQuery(ラボブログ)
スパイスラボ神部です。 OpenSocial アプリの開発を効率化するために、jOpenSocial か opensocial-jquery のどちらかを使いたいのですが、そのためにはまず jQuery について学ばないと行けないようなので、jQuery についてざっと調べてみました。 -AJAXが好きだ！ - Favorites! Write less, Do more -jQuery: The Write Less, Do More, JavaScript Library まずは公式。 リファレンス -jQuery 1.3.2 日本語リファレンス 参考になりそうなリソース いろんな記事を見ると、とりあえずは jQuery を使うと、構造化された状態でリッチアプリケーションが組めるという部分が強調されている記事が多いような気がします。「jQuery + AJAX で RIA な UI
10 Websites That use JavaScript Animation Effectively!! - DzineBlog.com
10 Websites That use JavaScript Animation Effectively!! The Most Important think is not -what you say, the important thing is -how you say and when you say , While some days before we are using flash for buttons, gallery etc, later now JavaScript frameworks like mootools , scriptallicious and prototype replace the flash with a light weight code and we can get the same effect like flash But how to
Google Mapsの基礎 [JavaScript講座 -Smart]
Google Mapsの設置 Google Maps のAPIキーの申し込み まず、Google Maps APIのサイトから、サインアップページを開きます。 サインアップページで利用条件に同意し、サイトのURLを入力すればAPIキーが取得できます。キーの取得にはGoogleアカウント（無料）が必要です。 [I have read and agree with the API terms and conditions]のチェックボックスをチェックし、[My Web Site URL:]のテキストボックスにGoogle Mapsを利用するサイトのドメインを入力します。次に[Generate API Key]をクリックすると、APIキーとHTMLサンプルが表示されます。 もし、このときGoogleアカウントをまだ持っていなければ、自動的に申し込み画面に進むので、アカウント取得の手続きを済ませて
ねこすけLPO
ねこすけLPOは（株）ねこすけが公開するLPOツールです。 現在 無料ASP版、ねこすけCMS組み込み版、効果検証ツールnecotora(ねこトラ)組み込み版の３種類があり、このサイトでは無料ASP版を紹介しています。 なお、この無料ASP版はオープンソースとしてソースコードが公開されております。 無料ASPでは機能が足りない、自社向けにカスタマイズして運用したいという方はソースコードをダウンロードしてご利用ください。 LPOツールは検索エンジンなどのサイト外から最初にアクセスされるページ（これをランディングページといいます）のコンテンツをきっかけによって動的に変更するツールです。 JavaScriptによってコンテンツの一部を書き換え、「あなたの欲しい情報はここにあります」ということをアピールするツールです。 「LPOツールのイメージをつかみましょう」 をご覧頂くと具体的に機能
[JS]スライドしながら表示されるアラートボックス -Sexy Alert Box
Coders.meのエントリーから、スライドしながら表示されるアラートボックスを実装するスクリプト「Sexy Alert Box」を紹介します。 Sexy Alert Box デモ Sexy Alert BoxはMootoolsのプラグインのため、動作にはmootools.js 1.2が必要です。 オプションでは、オーバーレイの色・不透明度、スライドのタイミング、アラートボックスのタイプなどを変更することができます。 Sexy Alert BoxのライセンスはMITとなっています。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS, JavaScript, jQuery, WordPressなどのよく使うコードをまとめたスニペット集
trick7.com blog: お手軽にSWFObjectでswfを埋め込む方法
VoIP Systems: What IVR is, Benefits of VoIP, and Use Cases
Spark project
Sebcreation // Webdesign Interactif - Création de Sites Internet Interactif
IDEA * IDEA
youmos - 新しいWebビジネスや技術アイデアを活性化するWebマガジン