An animated perspective mockup slideshow with 3D transforms based on the computations made with the help of Franklin Ta’s script.
A while back, Franklin Ta wrote an article and made a really useful script for transforming an element in 3D in order to fit in a perspective mockup. In his article, he describes how the helper script can be used to create a 3D matrix transformation for embedding an iframe into a mockup image. We thought that it must be really interesting to add a slideshow in order to showcase ones work.
So try this tool and your imagination will become real.
- Easy to use interface
- Support images with complex, white, gray or gradient background
- MagicEdge and MagicWand tools
- Image conversion on the client side
- Auto conversion from JPG, GIF to PNG
- Download or send to server
- Edge blur
- Preview before save
- Zoom and Pan
- Cross-browser support
Simple Globe to put your own data with latitude/longitude
Cross browser compatible library to handle CSS3 animation and transition DOM events with a fallback pattern for unsupported browsers.For browsers that don’t support CSS3 animation or transition, faux end callbacks will be fired by cssanimevent.js.
Need a customer’s signature saved to an image? This is the perfect solution! Draw, sign or touch-n-slide to add your signature and save it to an image format with transparency. It’s the perfect solution if you need a signature for legal documents, purchase invoices, contracts or other important docs.
Easy to use Plug-n-Play app for any web browser, iPhone, iPad or iPod Touch that supports HTML5 and Canvas image export.
- Save signature directly to PNG
- Customizable Color Palette
- Pencil Sizes
- Unlimited Undos
- Quick Signature Clear
Today we’d like to share a simple morphing effect with you. The idea is to have a search input in the upper right corner of the page and once the input is clicked, the whole search element expands to a fullscreen overlay. The fullscreen overlay has a bigger search input and some elements for showing related items or the search results. Note that we just made a dummy that does not actually search dynamically.
Broadcast Messaging Library that works between iFrames, Frames, and Windows.
- Simple API, from which you can build more elaborate messaging systems.
- Messages are broadcasted to all frames and registered windows, regardless of whether or not they want them (hence, the name)
- Frames can subscribe to specific channels, and can pattern-match to specific topics being sent on that channel
The slides in this slideshow wobble as they move. The effect is based on Sergey Valiukh’s Dribbble shot and was made using Snap.svg and morphing SVG paths to animated the slide background SVGs in order to simulate the elastic effect. What happens is that we basically morph an SVG path from a rectangle to a curved shaped; either a right curve or a left curve, depending on where we are navigating to.