FancyZoom, a Lightbox alternative which has a Mac-like zoom effect, is now ported to jQuery & Prototype. Best of all, now, they can present any HTML.
They also have some additions to the standard FancyBox like:
- The zoom will close when clicking outside the zoom box area.
- Hitting the
esc key will close the zoom window.
- Passing an option of
closeOnClick: true into the
fancyZoom function will close the zoom when the contents are clicked as well. This works great for image galleries.
Click here for the jQuery version & here for the Prototype version.
addSizes.js is a script which adds the file type & sizes of the files that a text is linked to automatically.
To be more clear, if there is link like: "click to download this file", it is converted to "click to download this file (pdf 1.2 MB)".
The script uses json-head, a Google App Engine application, to get the file info without downloading them.
Script requires jQuery & it is a bit experimental due to App Engine being occasionally and unavoidably flakey. But it is definitely inspirational.
Besides the ability to zoom, it enables users to increase / decrease the size of the zoom area with mouse movements.
Another great feature is the ability to preload a low-resolution version of the image & loading then showing the zoom area from the high resolution version of the image. This method increases the initial load speed & the quality of the zoomed area.
This is another Coverflow script which uses canvas for the effects.
The script is very easy to implement & works smoothly.
For the canvas support in IE, checkout ExplorerCanvas.
Simplicio is a simple looking but a quality & free icon set.
The set has 78 icons & the download package consists of ICO, PNG & AI files.
Icons are in 128*128px size. They are created by Neurovit & published by Smashing Magazine.
Google just launched their web browser Google Chrome.
Good news is; developers won’t have to test designs in one more browser as it uses the open source WebKit (the engine Safari uses).
Besides the standard Google Chrome product page, here is the page that is designed specially for web developers.
And, there is Chromium which is the open-source project behind Google Chrome.
The script is very easy to install & can be set to show images within Flickr groups, photosets or tag based images.
Flickrshow has a cache system that enables the presentation of images faster. And, presentation can be managed with a play/pause button.
Also, you can easily modify the theme completely via CSS.
P.S. The application requires Prototype & a small part of Scriptaculous library.
CSS Menu Builder is an online menu builder which enables you to create 30+ horizontal, 700+ vertical & breadcrumb menus (without the unlimited color combinations).
With an Ajaxed & simple to use interface, menus can be created on the fly and HTML, CSS & necessary image files can be downloaded easily (or a complete ZIP file can be downloaded).
Pixel Perfect is a Firebug plugin which enables you to overlay a web composition on any developed HTML.
By switching between on & off, you can see easily howmany pixels you’re off with the development.
You can play with the opacity of the overlay to better see or totally disable the design below.
Move controls enables you to fine tune the position of the overlay. To give an example, you can exactly position a new menu over an old one to see if it fits or not.
Galleria is an image gallery jQuery plugin.
It loads the images one by one from an unordered list and can present them:
- cropped inside a fixed thumbnail box
The beauty of Galleria is behind the ease of creating a gallery. Simply create an unordered list, add some images and it will create a chic gallery.
Another nice feature is the support of browser history. You can use your browser’s back & forward buttons
Other features of this jQuery image gallery:
- Lightweight (4k packed)
- Displays the thumbnail when the actual image is loaded
- CSS powered – create your own gallery style
- Super fast image browsing since the images are preloaded one at a time in the background
- Stylable caption from image or anchor title
- jQuery plugin – takes one line to implement
- Can fire events so you can customize the images behaviour onLoad