BookBlock: A Content Flip Plugin | Codrops
A jQuery plugin that will create a booklet-like component that let’s you navigate through its items by flipping the pages. BookBlock is a plugin that can be used for creating booklet-like components that allow a “page flip” navigation. Any content can be used, such as images or text. The plugin transforms the structure only when needed (i.e. when flipping a page) and uses some overlays as shadow f
Animate validation feedback using jQuery
Yesterday, I came across Jumpchart.com and while I was checking out their website one thing catched my eye: validation feedback was animated! In this tutorial I will explain how to create this nice little trick. Download source code View demo The trick is very simple: after user presses signup button, validation occurs and all fields that are invalid get shaken a little bit. They have very simp
27 Best jQuery Animation Plugins – Bashooka
jQuery was built to animate. Whether it’s fading out a warning message after a failed login, sliding down a menu control, or even powering a complete side-scrolling, “shoot ’em up” game—it’s all a snap with some powerful built-in methods, augmented with an extensive array of plugins. So here are 25 amazing jQuery Animation Plugins to give your html element stunning visual effect and animations. Un
Flippy : flip effect jQuery Plugin | Guilhem Marty
Flippy is a cross-browser flip effect plugin for jQuery and allows you to flip whatever html element you want.What is Flippy ? Flippy is a cross-browser flip effect plugin for jQuery which allows you to flip whatever html element you want. Download flippy v1.0.1 Options color_target : The targeted background color. (ex.: ‘aliceblue’ or ‘#f0f8ff’ | default: ‘white’) content : The content to show af
Typist jQuery Plugin by davidcrawford
Add animated typing text to any block element. Download .zip Download .tar.gz View on GitHub Typist is a jQuery plugin that allows you to animate text as if it were being typed onto the screen. It was created by @davidcrawford. $('#terminal').typist({ height: 300 }); $('#terminal').typist('prompt') .wait(1500) .typist('type', 'greet') .typist('echo', 'Hello, world!') See it in action at http://cha
JZoopraxiscope - jQuery plugin for making animations from static images.
JZoopraxiscope is a jQuery plugin for making animations from static images inspired in Eadweard Muybridge's Zoopraxiscope. Cobalys 2012. JZoopraxiscope is licensed under the terms of the GPLv3 and the MIT License. Image jzoo.jpg belongs to the Eadweard Muybridge Collection (Public Domain). Hosted by Github Pages.
シンプルなスプライトアニメーションライブラリ 「MovieCrop.js」 - Mach3.laBlog
この記事は賞味期限切れです。（更新から1年が経過しています） CSSスプライトを使用したアニメーションライブラリは既に色々と選択肢がありそうですが、 敢えて今回これを書いてみたのは、ローテクでごくシンプルな物が欲しかったから。 さらに言ってみれば、それらの選択肢をまだ知らなかったから。 MovieCrop.jsについて MovieCrop.js via Github MovieCrop.jsは、CSSのbackground-imageを利用したアニメーションを実装するjQueryプラグインです。 名前から推察されるように、ActionScriptのMovieClipを模して作った…つもりです。 再生/逆再生/停止/巻き戻しが出来ます。 簡単な使い方 まず使用する画像を作成し、ブロック要素の背景にします。 要するにブロック要素のサイズの分だけ背景をズラしていってアニメーションさせる仕組みなの
jqFloat.js – A Floating Effect with jQuery!
jqFloat.js is a jQuery plugin that able to make any HTML objects appear to be floating on your webpage. It is cross-browser compatibility. Look InsidejqFloat.js is a jQuery plugin that able to make any HTML objects appear to be “floating” on your web page. It helps create simple floating animation and make your websites come alive with these little “floating” object. Have fun with Floating ~ You c
How To Create An Animated HTML Graph With CSS And jQuery — Smashing Magazine
There are actually quite a few ways to display graphs on the Web. There are pros and cons to the wide range of resources available to us, but this tutorial will not explore them all. Instead, we’ll create our graph using a progressively enhanced sprinkling of CSS3 and jQuery. People in boardrooms across the world love a good graph. They go nuts for PowerPoint, bullet points and phrases like “run i
jQueryでページ遷移時にスライドアニメーションをつけてみる【改訂版】｜BLACKFLAG
かなり前に「jQueryでページ遷移時にアニメーション効果をつけてみる。」と題して、 jQueryでページ遷移時に画面をスライドさせるアニメーション効果をつけるSCRIPTを紹介しましたが、 どうやらブラウザによって、画面遷移後にブラウザの「戻る」ボタンで前画面に戻ると 遷移時にアニメーション用の動作として操作したCSSの指定が残ってしまって 画面が真っ白になることがあったので、その不具合対応版を作ってみました。 jQuery PAGE SLIDE MOVE まずはサンプルから 【改訂版】サンプルはこちら※「次へ」をクリックしていくとページ全体がスライドして遷移します。 画面内の「次へ」などをクリックして画面遷移した後、 ブラウザの「戻る」ボタンを押しても画面が真っ白にな現象は発生しないと思います。 ※以前の記事のサンプルはブラウザによって画面が真っ白になります。 以前の記事の内容から H
Redirecting…
Redirecting… Click here if you are not redirected.
Google Plus Style Animations with Jquery and CSS3
Google plus given an awesome kick to user experience, specially circles UI animations. I feel it’s great and new definition to have user experience design. I have tried circle rotation animation effect with Jquery and CSS3. Just few lines of code applying CSS styles using jQuery methods like .addClass() and .animation(). Take a look at these live demos with modern brewers. For best result try with
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Scott Robbin
Transit - CSS transitions and transformations for jQuery
SUPERSCROLLORAMA