[B! jQuery] takeodonのブックマーク

Animsition

AnimsitionA simple and easy jQuery plugin for CSS animated page transitions.Download on GitHub Tweet 58 different animations Fadefade-infade-outFade Demo Fade upfade-in-up-smfade-in-upfade-in-up-lgfade-out-up-smfade-out-upfade-out-up-lgFade Up Demo Fade downfade-in-down-smfade-in-downfade-in-down-lgfade-out-down-smfade-out-downfade-out-down-lgFade Down Demo Fade leftfade-in-left-smfade-in-leftfade

takeodon 2015/01/19

jQuery
CSS3

リンク

transform: add cross-browser 2d transform capabilities to jQuery css() and animate()

Basic usage $(elem).animate({ transf orm: 'translateX(50px)' }); $(elem).animate({ transf orm: 'rotate(135deg)' }); $(elem).animate({ transf orm: 'scale(2,.5)' }); $(elem).animate({ transf orm: 'skewX(35deg) skewY(15deg)' }); Advanced usage // Combine transf orm components to create isometric 3d transf orm. var transf orms = [ 'skewY(-45deg) scale(.66)', 'translate(20px) skewY(-45deg) scale(.66)', 'trans

takeodon 2014/07/12

リンク

Transit - CSS transitions and transformations for jQuery

Upgrading notes Upgrading from an older version? Transit should be mostly backward-compatible. See the change log for notes. Development version You may also download the development version which has spaces and comments preserved. Curious to see how it's made? See the annotated source code!

takeodon 2014/07/12

CSS3
jQuery

リンク

jPanelMenu | A jQuery Plugin

jPanelMenu is a jQuery plugin for easily creating and managing off-canvas content. Just click on the menu button (the top left of this page) to see it in action. Check out the changelog to see what’s new. How Do I Use This Thing? Start off by including the jPanelMenu.js file in your page. (Bonus points for using the minified version [jPanelMenu.min.js], or for bundling the jPanelMenu code into you

takeodon 2014/05/14

jQuery

リンク

画像ポップアップ_Galleriffic

A jQuery plugin for rendering fast-performing photo galleries Galleriffic was inspired by Mike Alsup's Cycle plugin, but with performance in mind for delivering a high volume of photos. This is my first experiment with jQuery, so I would love feedback on how to improve this plugin. Features Smart Image Preloading after the page is loaded Thumbnail Navigation (with pagination) Bookmark-friendly URL

takeodon 2013/04/12

リンク

Introducing SuperBox the re-imagined lightbox gallery - Ultimate Courses

SuperBox is a new jQuery plugin I’ve been composing over the last few days. SuperBox takes the whole ‘image’ and ‘lightbox’ one step further, reducing the JavaScript and image load dependence to make lightboxing a thing of the past! Using HTML5 data-* attributes, responsive layouts and jQuery, here’s SuperBox. SuperBox works wonders as a static image gallery, which you can click to reveal a full v

takeodon 2013/04/09

jQuery

リンク

Camera | a free jQuery slideshow by Pixedelic

Camera is a responsive/adaptive slideshow. Try to resize the browser window It uses a light version of jQuery mobile, navigate the slides by swiping with your fingers

takeodon 2012/09/06

リンク

ボックスを綺麗に並べてくれるMasonryライクなjQueryプラグイン・Freetile.js

サイズの異なるボックスを綺麗に配置してくれるスクリプト、 MasonryっぽいjQueryプラグイン、 Freetile.jsです。似たようなスクリプトは結構ありますので参考までに。よく見かける、異なるボックスを綺麗に並べるスクリプトです。Masonryっぽいやつ。こういうやつです。ウィンドウサイズが変わってもボックスを再配置してくれます。 $('#foo').freetile();本体とプラグインを読み込んでセレクタ指定します。アニメーションオプション等もありました。ライセンスはBSDです。手抜きな記事ですけどちょい忙しいので今日はこれにて。 Freetile.js

takeodon 2012/09/06

リンク

jQueryでスクロールすると表示する系いろいろ

Posted: 2012.03.08 / Category: javascript / Tag: jQuery, アニメーション最近はスクロールするときにいろいろ仕掛けをするのが流行なようです。ここではシンプルにある要素の位置とか最下部までスクロールしたら何か表示するということをやってみます。ちょっとスクロールするとフェードして「トップへ戻るボタン」を表示を表示します。ボタンは下の方にこんな感じで配置します。 html <p id="page-top"><a href="#wrap">PAGE TOP</a></p> fixedにすると固定配置されます。 css #page-top { position: fixed; bottom: 20px; right: 20px; font-size: 77%; } #page-top a { background: #666; text-

takeodon 2012/03/08

リンク

この発想がすごい！次世代表現のヒントがいっぱいのWebサイト

IKEA | TRY ON A NEW SOFA... / uniqlo undercover / TIERRA | 福岡市中央区平尾の美容室ティ...他...全5件

takeodon 2012/03/08

CSS3
jQuery

リンク

jQuery UI Bootstrap

A preview of the jQuery UI Bootstrap themejQuery UI Bootstrap A Bootstrap-themed kickstart for jQuery UI widgets (v0.1) Welcome! This is a live preview of new the jQuery UI Bootstrap theme - a project I started to bring the beauty of Twitter's Bootstrap to jQuery UI widgets. With this theme, not only do you get the ability to use Bootstrap-themed widgets, but you can now also use (most) of Twitter

takeodon 2011/12/31

jQuery
UI

リンク

jQuery Proven Performance Tips & Tricks, 2011

This talk is about the importance of performance-testing your JavaScript and jQuery code (and appreciating performance gotchas you can keep in mind when writing code that uses jQuery). It includes performance tests for many of the tips we regularly suggest users use so you can see first hand just why a particular best practice is worth using.