In this tutorial we will create a simple animated form switch with three very common forms. The idea is not to leave the page when the user goes to another […] In this tutorial we will create a simple animated form switch with three very common forms. The idea is not to leave the page when the user goes to another form but instead make the new form appear within the same container, expanding or co
jQuery is being used every day to turn ordinary websites into eye-catchers that will keep you wanting more. You can get some awesome effects when you put jQuery and CSS3 together like buttons, navigation bars, and a lot more. Developers know a lot about jQuery, but with all the free tutorials out there, it’s easy to learn. In this post, you will see 20 jQuery and CSS3 Tutorials that can help you
jQuery Zen Coding Plugin を作ってみました。Zen Coding の書式から jQuery オブジェクトを作る感じのやつです。 とりあえずソースとかは http://sakuratan.biz/jquery/zencoding/ に置いてます。オリジナルの Zen Coding と同じで MIT ライセンスです。 使い方 var obj = $.zenCoding('div#page>div.logo+ul#navigation>li*5>a'); で、Zen Coding を展開した jQuery オブジェクトを返します。上の例ですと、 <div id="page"> <div class="logo"></div> <ul id="navigation"> <li><a></a></li> <li><a></a></li> <li><a></a></li> <l
jQuery.zenCoding: Zen Coding plugin for jQuery Create jQuery objects from Zen Coding abbreviation. Usage Download jquery.zencoding-v0.6-0.9.zip and extract jquery.zencoding.min.js from the archive. Include jQuery and Zen Coding plugin from the HTML file. Create jQuery object from the Zen Coding abbreviation like this. <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/aja
jQuery HTML5 UploadはHTML5/JavaScriptによるマルチファイルアップローダーライブラリ。 jQuery HTML5 UploadはJavaScript/jQuery製のオープンソース・ソフトウェア。HTML5の魅力の一つにinputのfileを使って、複数ファイルの一括アップロードができるというのがある。実際にはファイルダイアログの関係上、一つのディレクトリからしか選べないのだがそれでも便利だ。 アップロード中 そんな複数ファイルアップロードを使うとどんな操作ができるだろうか。それは文章にしただけでは分かりづらい。やはり動いているものを見るのが一番良い。という訳で見てほしいがjQuery HTML5 Uploadになる。 jQuery HTML5 UploadはjQueryによるHTML5のファイルアップローダー実装だ。まずファイルを選ぶとonStartが呼ば
特定要素内の文字をタイプライター風にアニメーションさせるjQueryプラグイン「TypeWriter」 2011年02月10日- TypeWriter 特定要素内の文字をタイプライター風にアニメーションさせるjQueryプラグイン「TypeWriter」 1文字1文字をスピードを指定してアニメーション表示させられるので、1つのエフェクトとして使えそうです。 アニメーション終了後のコールバック等も可能で、アニメーション後に次のアニメーションを開始したりといったことが可能。 1から実装すると微妙に大変そうな機能も、たった1行で実現することが可能です。 単に文字をメッセージとして表示するよりも、動きがある方がインパクトがありますので、伝えたいメッセージがある場合に導入してみてもよいかも。 関連エントリ サイトの使い方をその場でアニメーションしてチョートリアルさせられる凄いjQueryプラグイン「
js-modelとは 公式 : http://benpickles.github.com/js-model/ js-modelはjQuery上で動く、JavaScriptでモデルを扱うためのフレームワーク。 以下の文章は公式サイトのチュートリアルの勝手訳。 オブジェクトの生成 モデルクラスはModel()ファクトリーを使用して生成する。 var Project = Model("project") これで"project"モデルのインスタンスを生成できるようになる。 オブジェクトの操作 attr()メソッドで属性を読み書きすることができる。 var project = new Project({ title: "stuff" }) project.attr("title", "nonsense") project.save() オブジェクトの探索 save()を呼ぶと、モデルはクラスの"コ
How to Create a jQuery Confirm Dialog Replacement | Tutorialzine 超カッコいい確認ダイアログをjQueryで実装するチュートリアル 普通、ダイアログというと javascript の confirm とか、その他 jquery プラグインを使って実装されるものが多いですが、これまで見たなかでもかなりのカッコよさのダイアログ実装チュートリアルです。 サンプルのダウンロードも可能。 一見全て画像のようにも見えますが、CSS3を使って綺麗にデザインされています。 ここら辺もこだわりたいという方は参考にしてみるとよさそう。 関連エントリ 効果音付きでアニメーションするクールなダイアログ実装jQueryプラグイン「Float Dialog」 その場でポップアップするクールな確認ダイアログ実装用jQueryプラグイン「jConfirmAc
Deferred Objectとは jQuery.Deferred, introduced in version 1.5, is a chainable utility object that can register multiple callbacks into callback queues, invoke callback queues, and relay the success or failure state of any synchronous or asynchronous function. Deferred Object – jQuery API 「jquery1.5からの新機能で、複数のコールバック関数をキューに保持・実行でき、どんな同期・非同期の関数の成功・失敗などの状態をリレーできる。」 通常のコールバック1つのイベントや成功・失敗などのトリガーに対して1つしか
jQuery File UploadはHTML5を使って複数ファイルを選択できるファイルアップローダー。ドラッグアンドドロップにも対応。 [/s2If] jQuery File UploadはjQuery/JavaScript/HTML5製のオープンソース・ソフトウェア。Webの仕様の中には面倒だと思うものが幾つかあるが、ユーザとして使っている中で感じるのはファイルアップロードに手間がかかりすぎることだ。 アップロード中 ファイルボックスでは一つしかファイルが選べず、ダイアログをいちいち出して選ばないといけない。Flashで解決する手法もあるが、JavaScriptとの組み合わせに問題があったり導入が若干面倒だった。だがそれを解決する素晴らしいライブラリがjQuery File Uploadだ。 jQuery File UploadはHTML5を使っており、Flashに頼らない複数ファイル
Home » Tutorials » Basic Beginners’ Guide to Installing a jQuery Lightbox Line25 is reader supported. At no cost to you a commission from sponsors may be earned when a purchase is made via links on the site. Learn more Learn how to install a jQuery lightbox, by following this easy, step by step tutorial. Check it out and start learning! Have you always wanted to add those cool Javascript lightbox
Reveal: jQuery Modals Made Easy Setting up Reveal modals is only three easy steps. Attach the needed files, drop in your modal markup then add an attribute to your button. Reveal is awesome because it's easy to implement, is cross-browser compatible with modern browsers (with some graceful degradation of course) and lightweight coming in at only 1.75KB. What that means for you is that it's fast, s
やっぱ jQuery 便利ですよ(*´・ω・)(・ω・`*)ネー セレクタ使って jQuery でダカダカやってると、DOM とか正規表現でネチネチやるのがバカらしくなっちゃいます。 と日頃から思ってたりしてまして、サーバサイド JavaScript がメインストリームになって、jQuery でウェブアプリをコーディングできれば超ラクできるかもと期待しています。 で、先日サーバサイドJavaScriptとjQueryでスクレイピングという記事をうpったところ、やっぱ Rhino じゃなくて node.js がえーんよ(´・ω・`)というコメントを頂きましたので、node.js と jQuery でサーバサイド JavaScript スクレイピングしてみることにしました。 今回は node.js ですので、単にスクレイピングする(コマンドラインから実行する)スクリプトだけじゃなくて、スクレイ
jQueryでStar Ratingを作る際に使えるプラグインをまとめてみました。 PHPのソースもセットになっているものなど色々あります。 jRating デモ 星にマウスオーバーすると、どのくらいのレイティングかが吹き出しが表示されるようになります。クリック時にデータを取得するPHPのソース付き。 Star Rating System デモ PHPとMySQLを使用します。 JavaScriptが無効の場合でも動作するように設計されているので、業務系でも使えそうです。 Ajax star rating script 星5つで0〜100を表現できるスクリプト。 %で値を表示したい場合に便利です。 Control Suite 星ではなく、マルで表示するタイプ。 画面中央あたりにあるRatingというタブからデモが確認できます。 PHP / MySQL Ajax Star Rating Sc
「Easy Notification」はcookieでアラート表示を制御できるjQueryプラグインです。 サイトの更新情報や、新着メッセージなどユーザーに注意を向けさせたいメッセージを表示する際に使えそうなプラグインをご紹介。 指定のdiv内に表示し、閉じる用のリンクが表示されます。 以下のようなコードで動作するようです。 $.easyNotification({ cookieEnable: true, text: 'Your custom text', parent: '#someElement' }); デモ サイトでは、様々なプラグインを有料で販売もしているようですね。 オプションの設定方法など詳しくはサイトをご覧ください。
In this tutorial we will show you how to create and use a thumbnails preview slider with jQuery. Since we got a lot of requests to show how to make […] In this tutorial we will show you how to create and use a thumbnails preview slider with jQuery. Since we got a lot of requests to show how to make the preview slider work separately from the full image view, we decided to make a tutorial on how to
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く