GO AWAY
orOh snap son. I might have to work this into a concept for a site I’m working on.
Reblogged Via: Front End Development Blog by Greg Babula Source: johnpolacek.github.comLike the idea of having elements animate, fade away, fly in, spin, slide and wipe as a user scrolls the page? Superscrollorama makes it easy. It’s a big update from the earlier ‘Scrollorama’ by the same author.
orVery useful indeed.
Reblogged Via: Pixel Union Source: pixelunion-staffYesterday, Tumblr’s Topherchris posted a link to (and instructions for) plugging a fullscreen image viewer into your theme. Designed by Chris himself, it’s easily applied as an additional page on your blog. Why is this cool? Two reasons.
First, if you’re running a personal blog you likely have a swarming potpourri of text, image, link, and video posts. Creating an additional image-only page, and running a dedicated fullscreen image viewer on it, is a great way to keep your visual content partitioned and organized. Second, experimenting with smaller plugins like this is a great way to dig further into Tumblr’s backend (*comedic tuba sound*) and get a feel for what goes into a theme. And if you’re already code-savvy, it’s always a pleasure to play around with solid work like Chris’.
The instructions are pretty straightforward:
- First, go here. Hit Command-Option+U for the page source. Copy it.
- Then, head back to your blog’s customization sidebar. Create a new/additional page, and select “Custom Layout” at the top.
- Paste the copied page code into the bottom box, and name your new page. That’s it!
Let us know what you think, especially if you do any work of your own to the viewer. And as always, comment away!
A really badass jQuery plugin that allows you to create zoomable elements on your web page. They can also change the perspective, scale, and rotation of the entire layout as well. I have yet to see how this handles raster images, but a great resource nonetheless. They have documentation and in-page demos on the site, but here’s a list of sites the page provides using the plugin effectively:
Reblogged Via: Draftfcb Dev Group Links Source: thedevgroupVery creative use of Zoomooz in this Frech presidential campaign web site!
Aza Raskin prototyping with Zoomooz and showing how to live code in front of seventy-five people.
A photo gallery using Zoomooz for Antoine Giraldo.
A zooming comic experiment by Richard Milewski.
A virtual educational collage tool for classrooms that uses Zoomooz by Opinsys. Just create a new “pahvi”, add some objects and browse in “presentation mode”.
Simple HTML Slides by Richard Milewski uses Zoomooz.
A (slightly outdated) Zoomooz tutorial on Design Shack has a nice thumbnail gallery example.
Webshims Lib is a modular capability-based polyfill-loading library, which focuses on accurate implementations of stable HTML5 features, so that developers can write modern, interoperable and robust code in all browsers. It is built on top of jQuery and Modernizr.
Sweet. I am particularly interested in the polyfills for the audio/video and canvas. Now there are probably better, more robust individual solustions out there, but this library has all the goodies under one roof.
Reblogged Via: Front End Development Blog by Greg Babula Source: gregbabula
orReblogged Via: Front End Development Blog by Greg Babula Source: github.comPep was built out of a need for kinetic drag support for both mobile and desktop devices (click and drag). It uses jQuery and CSS3 animations to bring full-blown ‘kinetic drag’ to HTML5-ready environments.
