Connect With WRD
feed via e-mail
feed via e-mail

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.

Fancy Zoom

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)".

JavaScript FileSize

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.

TJPzoom is a JavaScript image zoom script that works cross-browser.

Besides the ability to zoom, it enables users to increase / decrease the size of the zoom area with mouse movements.

JavaScript Image Zoom

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.

Coverflow script

Images can be browsed via scroll wheel or left-right keys besides the mouse clicks. And, it is tested with other javascript libraries like jQuery, MooTools, Dojo and Prototype.

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.

Simple Icon Set

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).

Google Chrome

From a developer’s point of view, Chrome shows us how Google sees the future of web applications with faster JavaScript rendering via V8, using WebKit as the rendering engine (serious support for SVG, etc..) & more.

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.

Flickrshow is a lightweight, cross-browser JavaScript code that enables you the display your Flickr images as a good looking Ajaxed slideshow.

Ajax Flickr Slideshow

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).

CSS Menu Builder

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.

Pixel Perfect Firebug Plugin

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:

  • scaled
  • unscaled
  • centered
  • cropped inside a fixed thumbnail box

 jQuery Image Gallery

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:

  • Unobtrusive javascript
  • 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
Uptime Robot
feed-holder
FeedBurner