1文字ずつアニメーションしながらヘッドライン表示できるjQueryプラグイン「News Ticker」 2010年04月06日- jQuery plugins MakeMineATriple 1文字ずつアニメーションしながらヘッドライン表示できるjQueryプラグイン「News Ticker」。 ヘッドライン等を電光掲示板のように、1文字ずつアニメーション表示することが簡単にできちゃいます。 動きを入れることで、単にヘッドラインを入れるよりも注目度をあげることが出来る上、デザイン的にも目立ちすぎず派手すぎません。 → 動作デモを見る 使い方も、jQueryプラグインなので簡単で、更にニュースのリストを<ul>リストで定義できます。 <ul id="news"> <li><a href="http://www.makemineatriple.com">MakeMineATriple.com<

Free javascript date picker - popup date picker for websites and web apps - javascriptcalendar.org 角丸を使った可愛いカレンダーピッカー実装JavaScript「jsDatePick」が公開されています。 次のように可愛いUIがいい感じです。 カレンダーピッカーのデザインもいいものを使いたい際の１つの選択肢として覚えておくとよいかも 関連エントリ GoogleカレンダーみたいなカレンダーをjQueryで一瞬で作成できる「jquery-week-calendar」 jQueryを使ったカレンダー型、日付入力補完ライブラリ 日付の範囲を入力する際に便利に使えそうなjQueryのUIプラグイン これは新しい日付ピッカー実装用jQueryプラグイン「calendarPicker」

シンプルだけどマルチプルにカスタマイズできるモーダルボックスのスクリプトをOpen Source Projectから紹介します。 modal box デモ サイトのデモでは、ボックス内にHTMLコンテンツを配置したもの（上キャプチャ）をはじめ、AJAX、画像とよく使用されているものの動作が確認できます。

スクロールするとAjaxで次の内容をガンガン読んでくれるjQueryプラグイン「AjaxScroll」 2010年03月31日- AjaxScroll ? Ajax Scroll jQuery Plugin | blogfreakz.com スクロールするとAjaxで次の内容をガンガン読んでくれるjQueryプラグイン「AjaxScroll」 「MSN Image Search」は画面遷移なしに画像をガンガンよんでくれて、スクロールすれば次の画像を見れるためストレスが少なく、画像を探せます。 これと同様の機能を実現するためのjQueryプラグインのご紹介です。 デモページはこちら。スクロールすると次の画像を読んでいっているのが分かると思います。 Ajaxで次の内容を読むので、一回における転送量を少なくした上で、利用者には画面遷移なしの利便性を提供出来ると言うわけですね。 垂直方向だけでなく

jQuery でCSVデータを簡単に取り扱える「jQuery CSV」 Check Tweet 配布元：Plugins | jQuery Plugins | CSV ライセンス：Apache License, Version 2.0 jQuery CSVはjQuery でCSVデータを簡単に取り扱うことができるjQueryプラグインです。 利用方法 次にようにCSVデータに対して$.csv()(CSVデータ)を実行することでcsvデータを配列に変換することが出来ます。 var csv = $.csv()(CSVデータ) CSVデータは$.get()などのjQueryのAjaxメソッドを利用して取得します。 $.get('data.csv',function(data){ //Ajax後の処理 }) つまり、次のようなJavaScriptを実行することでCSVファイル（data.csv）のデ

A Zoomable jQuery Image Gallery Called jPhotoGrid 半透明がいい感じのクールな写真ギャラリー作成用jQueryプラグイン「jPhotoGrid」が公開されています。 LightBoxのようなものですが、サムネイルから直接、オリジナルの画像へとアニメーション表示されます。背景部分が半透明なのがなかなかクールです。 黒の背景にいい感じにマッチしそうなギャラリーになってます。 関連エントリ 拡大の仕方がクールなLightBox実装jQueryプラグイン「YoxView」 表示法が新しくセクシーなLightBox「SexyLightBox」 カスタマイズできる多機能LightBox「Lightview」

ContentFlow デモ スライドはさまざまな操作に対応しています。 スライドバー サムネイル画像のクリック マウスホイール mouse wheel control キーボード操作 keyboard control 対応ブラウザは、IE8, Fx3など主要なブラウザのほとんどをサポートしています。 各機能でサポートが異なるため、詳しくは「ブラウザの対応リスト」を参照ください。

手動で切り替えられるフォトスライダーを作りたい。 そんなときにおすすめなのが、『How to Create a Simple iTunes-like Slider』。jQueryで作るiTunesライクなスライダーです。 右に表示される矢印アイコンをクリックすることで、サムネイルと写真が切り替わる動きになっています。なかなか気持ちのいい動きですね。 jquery.jsとmocha.jsというのを使っていて、ソースはとてもクリーンになっています。 デモは以下から。 Demo View It Online 一度見てみてください。 How to Create a Simple iTunes-like Slider tuts+ネットワークのサイトが、それぞれデザインリニューアルされていますね。細部の改善を図ったとのことですが、よりメリハリのある、すっきりとしたデザインになっていると思います。 さて

連載：改造WebアプリケーションUIビフォー／アフター 第2回 Webアプリ改造の前に「速習！ jQuery／jQuery UI」 葛西秋雄 2010/03/05 はじめに 前回では、ASP.NETのデータ・コントロールを利用した3階層のWebアプリケーションである「ITブック」を紹介しました。今回は第3回の準備編として、jQueryのAPIとjQuery UIのプラグインの使い方をざっくり理解していただきます。 jQueryのHello World jQueryは、米国のJohn Resig氏が中心となって開発したJavaScriptのライブラリです。わずか数行のコードを記述するだけでアニメーションなどのエフェクトをWebアプリケーションに組み込むことができます。 jQueryはDOM（Document Object Model）の要素を検索したり、属性を書き換えたりするためのAPIを豊

If you have a good internet connection and the necessary time, then you may well see the person you are talking to. There are countless applications for video calling but in this article we will look at the ones I consider the best. The WhatsApp application is one of the most popular in the world. With over 2 billion users worldwide, it has long been the most widely used channel of communication w

s3Slider jQuery plugin 画像をキャプション付で超クールに切り替えるjQueryプラグイン「s3Slider」。 次のように、画像に半透明のキャプションを付けつつクールにアニメーションさせられるjQueryプラグインです。 動きを実際に見てみましょう。かなりかっこいいです。 s3Sliderプラグインの使い方とダウンロードはこちら 実装のHTMLは次のように結構綺麗になってますので、安心して使えます。 ページのヘッダーあたりに置くとかなりのオシャレ感を出すことが出来ますね。

マウスオーバー時に気持ちのいい効果をつけたい。 そんなときにおすすめなのが、『BubbleUP』。アイコンがふわっと拡大するjQueryです。 アイコンにマウスオーバーすると、ふわっとサイズが大きくなりますね。動きが滑らかで気持ちいいです。 デモは以下から。 jQuery Menu Plugin: BubbleUP 実装方法も詳しく解説されているので、ぜひ見てみてください。 Learning jQuery: Your First jQuery Plugin, “BubbleUP” ブログ遅くなりました。。昨日は書けなかった。すんまへんm(_ _)m 急いで作業しているところでOSが起動しなくなり、ここ数年で一番大変な日を過ごしました。。。 セキュリティーについて深く考えさせられたので、心機一転してがんばります。

フォーム周りでjQueryを使いたい。 そんなときにおすすめなのが、『25 jQuery Tutorials for Creating and Working with Forms』。フォームで使えるjQuery集です。 かっこいいものが揃っていますね。いくつかご紹介します。 Creating a Slide-in jQuery Contact Form クリックするとスライドインして現れるコンタクトフォーム Build an Incredible Login Form with jQuery クリックすると、ぐいんと勢いよく現れるフォーム Using Form Labels as Text Field Values ラベルタグの内容をテキストフィールドの値にして透かしテキストにしたフォーム Create a Progress Bar with JavaScript フォームの進捗状況をプ

Uniform - Sexy forms with jQuery ｊQueryでクールなフォームエレメント実装プラグイン「Uniform」というのが公開されています。 これを使うと次のようなカッコいいフォームが簡単に作れるみたいです。 初期化が、uniform() メソッドを呼び出すだけで超簡単です。 $("select, input:checkbox, input:radio, input:file").uniform(); 関連エントリ CSSでデザインされたテーブルレスでクールなフォームサンプル クールなフォームのPhotoshopテンプレート集「Web Form Elements」 CSSベースのクールなフォーム、サンプル集

This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.