
JQZoom is a javascript image magnifier built at the top of the popular jQuery javascript framework.jQzoom is a great and a really easy to use script to magnify what you want. It works on all modern browsers: IE 6+, FF 2+, Chrome 1+, Opera 9+, Safari 2+.
URL: http://www.mind-projects.it/projects/jqzoom/

Here comes something that is absolutely useful if you are apparently a web designer. Mocking up a web design layout cost you lots of time, as you always working with so much details to put together some of web design elements for the best accessibility and usability.
Most of the time you start it all from your Photoshop working canvas before the coding process take place. It is also common things to use the same web elements on different web project but of course you should put up any custom styling based on the design theme.
BestBlogBox.com released a PSD file format which contains plenty of web design elements that will absolutely help you out.
These web design elements are made in dark color scheme by default. But if you’re an advanced Photoshop user, it will be easy for you to edit the fonts, colors, strokes or gradients styling for each layer to fit your design need.
All of these web elements are designed in Web 2.0 style, with smooth rounded corner boxes.
There are two folders in the zipped file. You can begin to work with “all in one PSD file” folder which everything is there and the file is also bigger in size, or you can just pick several of web design element items that you need the most,inside the “single item PSD file” folder.
What modules and web elements that you will get:
* Advanced search module
* Contact form module
* Form module
* Buttons (6 different design, 4 different colors)
* Footer
* Slider module
* Member login module
* Newsletter sign-up module
* Pagination
* Dark Sand Pattern (.JPG)
* Product display module
* Registration module
* Scrollbars (4 different colors)
* Search bars (4 different colors)
* Sliding menu module
* Tabbed featured item module
* Tabbed message box (tip box)
* Tabbed box sidebar
* Horizontal top navigation menus
It is a very useful resources for you and save you a lot of time, so just jump in to download the pack from the source page. Don’t forget to share this review post or please do comment if you like, thank you! :)
URL: http://bestblogbox.com/freebies/all-in-one-web-elements-kit/

The Variable Grid System is a web tool to generate an underlying CSS grid for your site. It is based on the 960 Grid System and it is designed & developed by SprySoft. You can input the pixel width of column and gutter of your grid layout, also the number of columns that you need to use. Those numbers will be auto calculated and you’ll see the result of total width pixels as “Content Width” and ” and “Full Width”.
What makes this tool different, is that you can see a realtime preview of your customized Grid System therefore it will make easier to have full control on the result. When you ready with the custom grid layout, this tool will generate the CSS file.
URL: http://spry-soft.com/grids/

Preloader is web tool that generates a custom animated gif preloaders. There are various choices of preloaders in 4 categories of type. They are 3D, rectangular, circular and horizontal. The background color can be set in specific hexa color as you want, and transparent background option is also available in case you need it. Enter the desired sizes with specific proportion, then drag a the blue button slider to give the speed value. Within seconds after you pressed “Generate preloader”, you’ll get a sleek preloader for your project!
Push the download button whenever you satisfy with the look of your customized instant preloader and it is all yours ;) This preloader web tool may save your time if you’ve tried to create animation preloader using conventional applications.

site: http://ragamo.medioclick.com/jquery/corners/
tutorial: http://developer.mozilla.org/en/Canvas_tutorial
This simple jQuery Plug-in is smart solution for you to make rounded corners. Fully tested in Internet Explorer 7 and Firefox 3, jQuery Canvas Rounded Corners v 1.1 works on your DOM objects using “canvas” element. If you are new to what “canvas” element is, you can read Canvas tutorial at Mozilla Developer Center.
You’ll need to attach three component of Javascript files for installment. A variant of excanvas.js (newExcanvas.js) must be included to create canvas elements in IE. Here they are:
script type=”text/javascript” src=”jquery-lastest.js
script type=”text/javascript” src=”jquery.corners.js
script type=”text/javascript” src=”newExcanvas.js
To start creating round corner just add:
$(selector).corners([options]);
List of options :
radio: (int) radius size of corners
inColor: (color) inside color of element
outColor: (color) outside color of corners
borderSize: (int) border width
borderColor: (color) color of borders
You can learn more about this simple script from some examples given and download the jQuery Canvas Rounded Corners files at the source page. Should be easy as 1 2 3 ;)

site>> http://www.hipandtwendy.com/
how to install>> http://www.hipandtwendy.com/how-to-install/
twitter >> http://twitter.com/hipandtwendy/
Get bored with your twitter default background theme? You’d better visit Hip & Twendy to look more! This website will provide you with colorful, repeating background graphics for use on your Twitter, MySpace or other social networking page that allows customization. Currently served hundreds of themes, you can browse them by color tag cloud and most popular themes rated by the user. The categories are:
* Bright Colors
* Geometric
* Holiday
* Muted Colors
* Optical
* Polka Dots
* Stars
* Stripes (Diagonal Stripes; Horizontal Stripes and Vertical Stripes)
If you don’t know how to install this background graphic, simply read the tutorial on Hip & Twendy website to get start ;)
Give a quick try guys! Why don’t you drop us comment together with your twitter profile URL after you made custom design tweaks using free background graphics from Hip and Twendy.com ;) This should be interesting!

Been spotted for a while, Spancky Corners is a perfect alternative to generate CSS boxes with rounded corner. It is semantically pure CSS markup, without extra HTML to act as ‘CSS hooks’.
Just set any radius with no significant increase to file size then select your preferred foreground and background color. This tool will produce only 4 small corner GIFs together with the basic CSS and the HTML to obtain the effect.
Try this one out and hit ‘Spank Me!’ when you finish with the set :D

ASCII-O-Matic is a free web application that convert an image into ASCII Art dynamically. You can choose between a black & white or color output with letters or squares. You can upload your image and the ASCII-O-Matic will generate an ASCII image for you. After generating you will be able to copy the HTML Source if you want to use the picture on your website.
Saturday, January 16, 2010
0 Comments