Best jQuery practices · Programmer Tips
This post introduces best jQuery practices you should follow: Loading from CDN Instead of storing jQuery on your server, choose to load it from popular CDNs. It will decrease the page loading time. <!-- Don't --> <script src="/vendor/jquery/jquery.min.js"></script> <!-- Do --> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> Below is the list of popular CDNs which
Drawer
Flexible drawer menu using jQuery, iScroll and CSS. InstallationStep 1: Link required filesDownloadDrawer v3.2.2jQuery 1.11.3+ Created by jQuery Foundation and other contributors.iScroll Created by Matteo Spinelli.CDN<!-- drawer.css --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/drawer/3.2.2/css/drawer.min.css"> <!-- jquery & iScroll --> <script src="https://ajax.google
JQuery With CoffeeScript | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! I don’t always write CoffeeScript, but when I do, I’m probably using jQuery too; I always forget the syntax for stuff. So I’m going to write it all down here so I can reference it until I memorize it. Note that the compiled example doesn’t include the automatic closure around everything you
Velocity.js
Overview Velocity is an animation engine with the same API as jQuery's $.animate(). It works with and without jQuery. It's incredibly fast, and it features color animation, transforms, loops, easings, SVG support, and scrolling. It is the best of jQuery and CSS transitions combined. Download Download Velocity, include it on your page, and replace all instances of jQuery's $.animate() with $.veloci
ScrollMagic
ScrollMagic helps you to easily react to the user's current scroll position. It's the perfect library for you, if you want to ... animate based on scroll position – either trigger an animation or synchronize it to the scrollbar movement (like a playback scrub control). pin an element starting at a specific scroll position – either indefinitely or for a limited amount of scroll progress (sticky ele
jQueryプラグイン 50
少し古いのもありますが、今年見かけたものを中心にフォーム周りでいつか使う機会がありそうだと思ったjQueryプラグインのまとめです。 バリデーションや各フォームエレメントのデザイン変更といったオーソドックスなものから、上手く使えばユーザビリティの向上に繋がりそうなもの、他ではあまり見ないユニークな動きを実装できるものまで様々なタイプがあります。 中にはCSS3を併用したりそのままでは日本語に対応していないというものも幾つかあるので、使う際にはブラウザやデバイス環境によっていろいろ確認する必要はあるんですが、いずれも便利なプラグインばかりです。 exValidation プラグイン作者が日本の方なので、ひらがなやカタカナといった日本語のチェックもできるバリデーションプラグイン。 Validetta シンプルで軽量なバリデーションプラグイン。 jQuery Valideasy 見た目がシンプル
jQuery 1.7 の $.Callbacks の解説 - わからん
jQuery 1.7 で導入される $.Callbacks についての "Demystifying jQuery 1.7′s $.Callbacks" と題された解説記事をみつけたので紹介します。内容を少しはしょったり、補ったりした翻訳です。元記事の著者 Addy Osmani さんは jQuery チームのメンバーとのこと。本文に出てくる jQuery.Deferrd, Pub/Sub の話題を理解するのに、次の資料に目を通しておくとよいかもしれません。 jQueryのDeferredオブジェクトについて調べてみた - AOEの日記 Script Junkie | Understanding the Publish/Subscribe Pattern for Greater JavaScript Scalability Pub/Subメッセージングモデル 元記事 AddyOsmani.c
jQuery Animations with automatic CSS3 transitions when possible
jquery.animate-enhanced plugin Extend $.animate() to detect CSS transitions for Webkit, Mozilla and Opera and convert animations automatically. Compatible with IE6+ Properties supported: (more to come) left/right : using translate(x, y) or translate3d(x, y, z) top/bottom : using translate(x, y) or translate3d(x, y, z) opacity width height New features in v1.0: Animation 'queue' support (including
jQuery custom content scroller – malihu | web design
When upgrading from version 2.x to 3.x it’s important to use version 3 CSS and .png files. Version 3 is backwards compatible but it’s also a huge overhaul. One significant change is that you don’t need to call the update method manually (the script does it automatically). For more info see changelog. Version 2 is still maintained and updated here. Get started Configuration Methods Styling Callback
jQueryプラグイン「jPlayer」の使い方｜HTML5プレーヤーのWeb埋め込み｜音声・動画配信（ストリーミング）｜PHP & JavaScript Room
$('#要素ID').jPlayer({ /* イベントハンドラ */ ready: function(){ /* 再生するメディアの定義(URLは相対・絶対パスどちらでも) */ $(this).jPlayer('setMedia', { mp3: '/content/media/audio/Q701.mp3', m4a: '/content/media/audio/Q701.m4a', oga: '/content/media/audio/Q701.ogg', /* サムネイル画像 */ poster: 'http://phpjavascriptroom.com/content/media/thumb/poster1.png' }).jPlayer('play'); /* 自動再生 */ }, /* プレロード（デフォルトは'metadata'、プレロードする場合は'auto'） */
)
Script Junkie
This browser is no longer supported. Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support. CSS3 Animation With jQuery Fallbacks Addy Osmani | July 6, 2011 In today's post, we'll be taking a look at how you can use CSS3 transitions to power your application's animations with jQuery's .animate() method as a fallback where transitions aren't supp
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The Select2 data format | Select2 - The jQuery replacement for select boxes
Top jQuery Plugins for January 2014 | Code Geekz
10 Best jQuery Calendar Plugins for Developers | Code Geekz
jQuery mmenu | jQuery Plugin Registry
140 Best jQuery Plugins of the Year 2013 - TheDesignBlitz
10 Best jQuery Video Plugins for Developers | Code Geekz
http://www.wookmark.com/jquery-plugin
jquery.easie.js
Redirecting to Animate.css