Chosen: A jQuery Plugin by Harvest to Tame Unwieldy Select Boxes
Hide Search on Single Select The disable_search_threshold option can be specified to hide the search input on single selects if there are n or fewer options. $(".chosen-select").chosen({disable_search_threshold: 10}); Default Text Support Chosen automatically sets the default field text ("Choose a country...") by reading the select element's data-placeholder value. If no data-placeholder value is
Codrops | Useful resources and inspiration for creative minds
Codrops Demos Hub Discover our curated collection of 500+ free animations, interaction concepts, UI designs, web templates & more. Stay in the loop: Get your dose of frontend twice a week 👾 Hey! Looking for the latest in frontend? Twice a week, we'll deliver the freshest frontend news, website inspo, cool code demos, videos and UI animations right to your inbox. Zero fluff, all quality, to make y
iOSの検索窓風UIが作れるjQueryプラグイン「jquery-searchinput」:phpspot開発日誌
dwiyatci/jquery-searchinput GitHub iOSの検索窓風UIが作れるjQueryプラグイン「jquery-searchinput」 次のように、inputが空の場合はプレースホルダと検索アイコンが表示されており、入力をすると文字をクリアにする×ボタンが表示、という最近ではよくあるUIをサクッとjQueryで実現できるプラグイン これは地味ではありますが、便利ですね。 関連エントリ Input欄にclearボタンを付与できるjQueryプラグイン「Add Clear」 電話番号入力時等に自動でタブを入力してくれるjQueryプラグイン「Autotab」 日付と時刻の両方を入力する際に使えるjQueryプラグイン「DatePair」
Masonry
What is Masonry? Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet. Install Download CDN Package managers Getting started HTML CSS Initialize with jQuery Initialize with Vanilla JavaScript Initialize in HTML Next MIT Lice
jQuery.Shapeshift
jQuery plugin which creates a column based grid system with drag and drop.Details Column Grid System: All items flow from left to right, top to bottom. Drag & Drop: Click and drag elements to move them, even to different containers. Responsive: Resize the browser window so see the grid change with the new dimensions. Works on Touch: Enable drag and drop on touch devices by using the included jQuer
IEでresizeイベントをちゃんと起こすjQueryプラグイン書いた - ?D of K
IEはwindow.resizeがめっちゃ重いです。案の定、uupaaさんがすばらしいまとめと対策を書いていたので、ほとんどそのままjQueryのイベントで使えるようにプラグインの形にぶち込みました。 if (document.documentElement.uniqueID) (function ($, document_) { function size() { var root = document_.documentElement, body = document_.body; return { w: root && root.clientWidth || body.clientWidth, h: root && root.clientHeight || body.clientHeight }; } var lock_ = 0, size_, use_; $.event.speci
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
jQuery.Deferredって何
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / ※ このブログの内容は弊社が運営する有料サービス、CodeGridにてより詳しい内容をご参照いただけます（宣伝） jQuery deferredの使い方 - deferredの基本 | CodeGrid === jQuery1.5から追加された機能。でも全然使ってないので調べた。 jQuery1.5からはdeferredオブジェクトっていうものが登場。 これは、「イケてるキュー（待ち行列）の仕組み～遅延もあるよ～」みたいなものです・・・ 説明がムズイけれどもなんかそんな感じなのです。今までは function fetch(callback){ doAjaxThings('somefile.js
jQuery.tmpl() で HTML の View と Model を分離してみるよ - スタジオ・アルカナ技術ブログ
はいどうも～。 季節の変わり目のせいか咳がずーっと止まらなくて、 予想に反して腹筋力が若干向上してしまった虚弱エンジニアの吉田だよ。 今回は jQuery.tmpl() を紹介してみたいと思うよ。 （今回は口語調で書いてみるけど許しておくれ。この記事は夜中にお酒を飲みながら書いているんだ。） jQuery.tmpl() っていうのを、PHPプログラマ向けに簡単に説明してみようと試みると、 SmartyのJavaScript版みたいなもの、って言えばイメージしやすいかな？ つまり、JavaScriptで使えるテンプレートエンジンってこと。 Webアプリケーションを開発するとき、サーバサイドだと技術もかなり枯れてきているから、 例えばPHPなんかだとSmartyを使えばModelとViewを分離するのはそんなに難しくないよね。 でも、フロントサイド（HTMLやCSSやJavaScript）のG
jQueryを良くする25のTIPS
jQueryを良くする25のTIPS ネタ元：Improve your jQuery - 25 excellent tips ちょっと多いですが、かなり良いTIPSがまとまっています。 Google AJAX Libraries APIを利用しよう Google AJAX Libraries APIを活用すればすばやくライブラリを読み込むことが出来ます。 <script src="http://www.google.com/jsapi"></script> <script type="text/javascript"> // Load jQuery google.load("jquery", "1.2.6"); google.setOnLoadCallback(function() { // Your code goes here. }); </script> 直接読み込むことも出来ます。
jQueryでの配列と連想配列の扱いでハマった - jomalog
まず結論から、配列と連想配列は分けるべきということがわかりました。悔しくて冗長に書きましたが、それだけですorz jQueryには、$.each という配列を走査するforeach的な関数があります。他の言語でもあるように配列と連想配列を考えなくてもいいと思いこんで、以下のようにしていました。 var array = []; // ここで配列を代入 array["hoge"] = "fuga"; $.each( array, function(i){ alert(i); } // -> 何も表示されません array["hoge"]を走査してくれることを期待していたのですが、反応なし。jQueryのソースを見てみると、jQueryは、lengthプロパティの有無で配列と連想配列を区別していることがわかります。 // $.eachのソース部分から引用 if ( object.length =
Scrolling Parallax: A jQuery Plugin | Jon Raasch's Blog
Scrolling Parallax examples Simple scrolling parallax effect Multiple, layered parallaxes for a nice depth effect Parallax in all directions: vertical and horizontal scrolling Parallax called on a piece of inline HTML markup About Scrolling Parallax Scrolling Parallax is a new jQuery plugin that binds a parallax effect to the scrollbars and mouse wheel. This allows a background image or anything e
スマホアプリの作り方【超まとめ】Web編：HTML5やjQuery MobileなどスマホWebアプリ開発に役立つ記事52選 - ＠IT
Web編：HTML5やjQuery Mobileなど スマホWebアプリ開発に役立つ記事52選 ＠IT編集部 2012/1/31（2013/2/28 改訂） iOS（iPhone／iPad／iPod touch）、Android、Windows Phoneなど、さまざまなスマートフォンのプラットフォームのアプリを作るための＠IT記事のまとめです。今後、順次更新・追加していきます。 開発者が登録したApp StoreやMarketplaceなどからダウンロードしてインストールするアプリ、もしくは、あらかじめインストールされているアプリは、「ネイティブアプリ」と呼ばれています。iOSやAndroid、Windows PhoneといったOS上で動き、マイクやカメラなどデバイスの機能を十分に使えるのが特徴です。作り方は、基本編やデザイン／グラフィック編で紹介した記事が参考になると思います。 一方で
Facebook,Twitter,Google＋の独自デザインのソーシャルボタン作成用jQueryプラグイン「Sharrre」:phpspot開発日誌
Facebook,Twitter,Google＋の独自デザインのソーシャルボタン作成用jQueryプラグイン「Sharrre」 2011年12月01日- Sharrre - A plugin for sharing buttons Facebook,Twitter,Google＋の独自デザインのソーシャルボタン作成用jQueryプラグイン「Sharrre」 どれだけシェアされたか、といった数値を表示しつつすべてのボタンのデザインし統一感をもたせることができます。 デザイナーさんならこうしたボタン部分もきっちりデザインしたい気になる人も多いのではないでしょうか。 テンプレートを独自に定義して引数として渡すことで独自デザインにすることができたりするようです。 以下、本プラグインを使って作られたサンプル集です。それぞれの具体コードもサイト上に掲載されているのでカスタマイズしちゃってもよさそうです
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://eightmedia.github.io/hammer.js/
flipsnap
students expo
caraldo.net - it転職 リソースおよび情報
IDEA * IDEA
Autocomplete selecting an element when clicking in scrollbar