If you want to know more about a project, contact us. estudi@ruizcompany.com – (+34) 932 553 435 – Ávila 75, ático. 08005 Barcelona
ruizcompany
If you want to know more about a project, contact us. estudi@ruizcompany.com – (+34) 932 553 435 – Ávila 75, ático. 08005 Barcelona
imagesLoaded
imagesLoaded JavaScript is all like "You images done yet or what?" imagesloaded.desandro.com Detect when images have been loaded. imagesLoaded on GitHub 8,000 Edit this demo or vanilla JS demo on CodePen. Just to keep things interesting, there’s a 10% chance of adding a broken image. Install Download imagesloaded.pkgd.min.js minified imagesloaded.pkgd.js un-minified CDN <script src="https://unpkg.
jQuery 画像を事前読み込みさせておく方法 – 画像のプリロードの実装方法 | Stronghold Archive
どうもこんばんは。Toshikuraです。今回のTipsは【jQuery 画像を事前読み込みさせておく方法 – 画像のプリロードの実装方法】です。画像の事前読み込みはロードの合計時間を算出したり、マウスホバーでの画像のちらつきを防いだりと色々な場面で活用できるTipsですので覚えておいてもいいかもしれませんね。ちなみにCSSのみでも実装可能です。その場合同一要素内に複数の背景画像を設置したり、imgとして読ませてわざわざどこかに飛ばしたりといういくつかの方法があります。 jQuery 画像を事前読み込みさせておく方法 事前にjQueryを読ませる事をお忘れなく。 jQuery.preloadImages = function(){ for(var i = 0; i<arguments.length; i++){ jQuery("<img>").attr("src", arguments[i
jQuery スライダーの中にスライダーが設置できるプラグイン【jQuery slideinslide】
$(function(){ $('#slideBd').slideinslide({ intval : 3000, speed : 1000, ease : 'swing', auto : false, captions : true, vertical : true }); }); The quick brown fox jumps over the lazy dog. Pack my box with five dozen liquor jugs. Grumpy wizards make toxic brew for the evil Queen and Jack. Jackdaws love my big sphinx of quartz. The quick brown fox jumps over the lazy dog. Pack my box with five dozen
Flexible Slide-to-top Accordion
Flexible Slide-to-top Accordion with jQuery Default Demo Autocollapse Demo In this demo: More than one content panel can be open at a time She packed her seven versalia, put her initial into the belt and made herself on the way. When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the
Textillate.js
About Textillate.js combines some awesome libraries to provide a ease-to-use plugin for applying CSS3 animations to any text. Usage Simply include textillate.js and it's dependencies in your project to start creating unqiue effects. Credits Textillate.js is built on top of the simple, yet amazingly powerful animate.css and lettering.js libraries.
Nested
For a complete gap free, multi column grid layout experience. Nested is a jQuery plugin which allows you to create multi-column, dynamic grid layouts. Unlike other libraries and jQuery plugins similar to Nested, this is (as far I as I’ve know) the first script out there that allows you a complete gap-free layout. How is this done? Nested does three things. It creates a matrix of all elements and c
DyLay - a simple dynamic layout jQuery plugin
DyLay is a jQuery plugin which allows to create dynamic layout very easily. It respects order of elements. All functionnalities in 1.5ko (minified) !!! What's new ? This version is faster and more responsive ... Less hole and easier to use its functions. Le HTML <ul id="dylay"> <li style="width: 10%; height: 20px;" class="voyelle" data-foo="5">A</li> <li style="width: 10%; height: 40px;" class="co
jQuery Quicksand plugin
Activity Monitor 348 KB Address Book1904 KB Finder 1337 KB Front Row 401 KB Google Pokémon 12875 KB iCal 5273 KB iChat 5437 KB Interface Builder 87276499 KB iTuna 17612 KB Keychain Access 972 KB Network Utility 245 KB Sync 3788 KB TextEdit 1669 KB Demo seems sluggish? Disable CSS3 scaling and try again. Isn’t it cool? Now, choose your fighter:
複数連動型のプルダウンフォーム
先日、ジッポのオイルが無くなったと思い、新しいのを購入して帰宅しました。すると、いつものオイル置き場に封を切っていない新しいオイルがすでに置いてるのを見つけたフジカワです。大切なところでうっかり何かを切らしたりするのに、こういうどうでもいいところでバックアップを用意してる自分にイラッとします。 絞りこみしたいよね 例えば住所（北海道>札幌市>中央区>南2条>西1丁目）とか、 お店の商品カテゴリ（AV機器>オーディオ>アンプ>マランツ）とか、 絞り込みをすることでぐっとユーザーの負担が減るような仕組みってのは嬉しいですよね。 というわけで今回挑戦してみることに。 まずは諸先輩方のサンプルを拝見することに とはいえ、わたくし、その辺の知識は非常に疎い。と言いますか、そもそもjavascriptと正面から向き合った経験がない。 「理解できればメリット大きいんだろうなぁ」「自分で書けたらどれだけ便
CSS3のtransitionでアニメーションするjQueryプラグイン「jQuery transitionAnimate」[to-R]
CSS3のtransitionでアニメーションするjQueryプラグイン「jQuery transition Animate」 iPhone / iPadではjQueryのanimateメソッドが重いのでCSS3のアニメーションを使いましょうというのがセオリーになっていますが、CSSでアニメーションって結構めんどくさかったりします。 そこで、jQueryのanimateメソッドと同じような記述をするとCSS3のtransition でアニメーションするjQueryプラグイン「jQuery transitionAnimate」を作成しました。 jQuery.transitionAnimate.js 新しいバージョンを「transitionAnimateをバージョンアップ」からダウンロード可能です $(セレクタ).transitionAnimate(params, duration, easi
![CSS3のtransitionでアニメーションするjQueryプラグイン「jQuery transitionAnimate」[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
jQuery UI Tabsをhashchangeイベントと絡めてブラウザバックとかに対応させてみた – Shimabox Blog
shimabox.netではjQuery UI TabsというjQueryのライブラリでタブを利用したシングルページっぽい感じにしています。 それで、作った時はブラウザバックとかでページ遷移した時も勝手に該当のタブを表示してくれてた様な気がしてたんですけど気づいたらそんな事は無かったんどすねぇ。。（もしかしたら最初から？） それだと少しかっこ悪かったので、戻る/進むをした際でも該当のタブ内容が表示される様にやってみたら成功したのでその対処法を書きます。 対処法と言っても、まぁ、タイトルに書いてあるそのままなんですけどね。 タブ押下時にURLにハッシュを付けて遷移させる ハッシュチェンジイベントを利用してごにょごにょする おおざっぱに言うとこんな感じ。 jQuery UI Tabsと、jQuery hashchange eventというプラグインを使います。 ダウンロードやマークアップは以下
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
70B ANTIQUES
jQeury.bgSwitcher.js
Google Code Archive - Long-term storage for Google Code Project Hosting.
Responsive Image Maps jQuery Plugin
Navi.js - jQuery Content Switcher
http://yconst.com/web/freetile/
Asual | jQuery Address Samples
Morris.js