jQuery Glitch Pluginダウンロード - v0.1.1 使い方 js側 ※ 画像読み込み終了後じゃないと動かないので、$(function(){})じゃなくてwindow.onload = function(){}で呼んだりしてください。 window.onload = function(){ $('.glitch0').glitch(適当な数字); } html側 で <img src="guri.jpg" class="glitch0"> 注意 ※chromeだとあんまりグリッチしない okikata.org
Background Blur - plugin by @msurguy
$tintedHolderEl.backgroundBlur({ imageURL : 'url-of-the-image', blurAmount : 10, imageClass : 'tinted-bg-blur', overlayClass : 'tinted-bg-overlay', duration: 1000, endOpacity : 1 }); .tinted-bg-blur { z-index: -2; opacity: 0; position: absolute; min-height: 100%; height: auto; display: block; top: 0; max-height: none; /* Add this CSS to remove transparent border around the image */ left: -10%; wid
[JS]画像の拡大表示をシンプルなコードで実装し、スマホ時のクロップ表示にも対応しているスクリプト -enhance.js
Mediumで採用されているような画像拡大のエフェクトに、より使いやすくなるように工夫が加えられたスクリプトを紹介します。 アニメーションがより洗練され、スマホなどの小さいサイズではクロップして画像を表示します。 enhance.js -GitHub enhance.jsの特徴とデモ enhance.jsの使い方 enhance.jsの特徴とデモ 「enhance.js」は「zoom.js」にアニメーションのエフェクトと画像のクロップを加えたもので、img要素にdata属性を加えるだけで簡単に画像拡大のエフェクトが実装できます。 参考: 画像を拡大表示するシンプルなスクリプト -Zoom.js
![[JS]画像の拡大表示をシンプルなコードで実装し、スマホ時のクロップ表示にも対応しているスクリプト -enhance.js](https://cdn-ak-scissors.b.st-hatena.com/image/square/c6f13e423847497c453413dde2a0e4cb770e6e56/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201601%2F2016022902.gif)
[試] 表示速度改善のその先へ！進化するWordPressプラグイン SNS Count Cache
シェア数表示に新たな選択肢を！表示速度改善だけでなくシェア数の分析にも使えるWordPressプラグイン SNS Count Cacheアップデートのお知らせです。Feedlyフォロー数やカスタム投稿タイプの対応、シェア数データのCSVファイルエクスポート機能の追加を行いました。また管理ページに関してソート機能等の様々な改善を行いました。続きを読む 関連記事 [試] シェア数表示に新たな選択肢を！WordPressプラグイン SNS Count Cacheアップデート [試] 表示速度改善とシェア数ベースの人気記事ランキングを実現、WordPressプラグイン SNS Count Cache [試] HTTPからHTTPSのシェア数引継ぎにもWordPressプラグイン SNS Count Cache [試] Twitterのシェア数取得先エンドポイント閉鎖がSNS Count Cache
![[試] 表示速度改善のその先へ！進化するWordPressプラグイン SNS Count Cache](https://cdn-ak-scissors.b.st-hatena.com/image/square/e36fc4367676c97997bffb45ac4e4afcdbc80e47/height=288;version=1;width=512/https%3A%2F%2Fmarubon.info%2Fwp-content%2Fuploads%2Fintro-update-wordpress-plugin-sns-count-cache-3-01.png)
ものっすごい簡単にGoogleマップAPIを操作出来るjQueryGoogleMAPプラグイン
タイトルで全部言っちゃってる気がしないではないですが、WebサイトにGoogleMAPを設置して、色々と簡単にAPIを叩けるプラグインです。 ちなみにこの記事の為にこのjQueryプラグインを読み込むなんてことはしておりませんので、説明で使用しているMAPは全てキャプチャー画像です。本来なら、ぐりぐりと拡大縮小出来るあのMAPを貼り付ける事が出来ます。気になる方は、最後に紹介するチュートリアルページをご覧になっていただければ、わかると思います。 まずは呼び出し 基本の呼び出し。 まずはページのどっかに書いて読み込みましょう。 <script src="javascripts/jquery.js"></script> <script type="text/javascript" src="//www.google.fr/jsapi"></script> <script type="text/
ScrollMagic Documentation
Documentation ScrollMagic v2.0.7 The javascript library for magical scroll interactions. Quicklinks: About | Download | Installation | Usage | Help | Compatibility | Author | License | Thanks 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
こっちの方が良い?【jquery.jpostal.js】をつかってみた | スターフィールド株式会社
https://code.google.com/p/jpostal/ https://github.com/ninton/jquery.jpostal.js よくある郵便番号→住所の自動入力のプラグインだが、当社ではzip2addrを良く使っていた。 ただ、郵便番号の前半と後半を分けたり、出力先を変えたりなど できないことが幾つかあり、そこはお客さんに折れてもらっていた これはいろいろできるみたいなので試してみた デモ JS読み込み <script type="text/javascript" src="//code.jquery.com/jquery-2.1.0.min.js"></script> <script type="text/javascript" src="//jpostal.googlecode.com/svn/trunk/jquery.jpostal.js"></scri
fartscroll.js | Everyone farts. And now your web pages can too.
Download .zip Bookmarklet View on GitHub Everyone farts. And now your web pages can too. Include "fartscroll.js" in your page. You can include the latest version straight from our CDN: <script src="http://code.onion.com/fartscroll.js"></script> Initialize the fartscroll plugin after the page has loaded: // Fart every 400 pixels scrolled in the window fartscroll(); // Fart every 800 pixels scrolled
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://smoothstate.com/index.html
関数を遅延して実行するLazyLoadFunctionの使い方
Lazy-loading Google Maps by Osvaldas Valutis
BackgroundCheck