background preloader

Zoomooz.js

Zoomooz.js
Zoomooz is: 6KB gzipped and 18KB minified. This includes everything but jQuery. Make any web page zoom. Latest version: 1.1.9 (Nov 11, 2013, hacky fix for the back and forward buttons #66) Zoomooz is a jQuery plugin for making web page elements zoom. It can be used for making Prezi like slideshows and for zooming to images or other details. Quirky transformations You can zoom to elements that have been translated, scaled and skewed, and they will morph correctly. Try by clicking on these: Skew Scale Rotate There is some interesting stuff happening in the background to make the morphings work. Adding Zoomooz to your web page Just add this to your web page head and you should be up and running with Zoomooz: The easy way to zoom Simply add "zoomTarget" to the element you want to zoom to when clicked on: <div class="zoomTarget">This element zooms when clicked on. You can also add some additional attributes for tuning the animation as data fields of the element: Here is a demo, click on the elements: Demos

http://jaukia.github.io/zoomooz/

Related:  effectsropetight

Flat design casts a long shadow Whilst many designers embrace flat design wholeheartedly, it seems a growing number have already tired of its charms and are casting around for the next big thing. One contender, being championed by some, is “long shadow” design. Long shadow design produces an effect like looking at an object late on a Winter’s day, when the shadows lengthen to dramatic proportions. XDate - A Modern JavaScript Date Library A Modern JavaScript Date Library XDate is a thin wrapper around JavaScript's native Date object that provides enhanced functionality for parsing, formatting, and manipulating dates. It implements the same methods as the native Date, so it should seem very familiar.

slabText – a jQuery plugin for creating big, bold & responsive headlines I’ve been wanting to attempt a port of Erik Loyer’s slabtype algorithm for quite some time now and seeing Paravel’s fittext jQuery plugin, in combination with a gloriously hassle-free lunch hour gave me the impetus to attempt it. This is the result – resize the browser viewport to see the effect in action. So what does the script do again? Put simply, the script splits headlines into rows before resizing each row to fill the available horizontal space. The ideal number of characters to set on each row is calculated by dividing the available width by the pixel font-size – the script then uses this ideal character count to split the headline into word combinations that are displayed as separate rows of text.

Prezi - Confluence - Insite Theme The Beginnings Peter Arvai Founder, CEO Peter Halacsy Founder, Head of Product Adam Somlai-Fischer Founder, Head of Design CTO, Co-Founder Peter Halacsy is currently the assistant professor at the new media department of Budapest University of Technology. liteAccordion - a horizontal accordion plugin for jQuery Slide One1 Slide Two2 Slide Three3 Slide Four4 Slide Five5 <p>Please enable JavaScript to get the full experience.</p> Responsive and WordPress versions available! audio.js It uses native <audio> where available and an invisible flash player to emulate <audio> for other browsers. It provides a consistent html player UI to all browsers which can be styled used standard css. Installation

Textualizer Download: textualizer.js - (12.67 kb) development textualizer.min.js - (4.83 kb) production Usage HTML5/CSS3 – On Beyond Powerpoint… « Shiny Pebbles… UPDATE: Check out the Simple HTML Slides project page for more information. Powerpoint, and to a lesser extent Apple’s Keynote, have a vise-like grip on the psyche of a huge percentage of the computer users on the planet. In business, government and education it’s difficult to get through the day without encountering at least one Powerpoint presentation, and we’ve all faced the dreaded “Death by Powerpoint” decks of a hundred slides crammed with 8 point type. Sites like EducationWorld.com are chock-full of articles written by educators showing teachers how to integrate Powerpoint into the curriculum .

Related:  SA-network_visualizationjQuerymap viewerWeb DevelopmentOutilsJavascript