Web design Snippets I can’t Live without

I always knew digg was usefull for something beside ganging up on innocent bloggers to push up ratings, they offered a seris of web design code snippets a three part seris , so now I rounded up what I though the most usefull out of the three seris but hats of to whoever rounded them up for digg

I will visit this post again and make it look nice and tidy

53 css techniques

Cross Browser Multi-Page Photograph Gallery - Hover over the tabs to display a page of images. Hover over each image to see a 2x image

and finally, on the Portraits and Landscapes, click the image to open a new window showing the 640 x 480 pixel version

CSS Button - Create a button using only css

CSS + Javascript Fancy Menu - In this article I’ll go through the creation of a custom navigation bar with some cute Javascript effects

Bubble Tool Tips - Bubble Tooltips are an easy way to add (via a bit of CSS and javascript) fancy tooltips with a balloon shape to any web page.

Box Over - BoxOver uses javascript / DHTML to show tooltips on a website.

Ajax Star rating Bar - This is a rating bar script done with PHP and mySQL that allows users to rate things like can be done on Netflix or Amazon, all web 2.0-like with no page refresh.

CSS Star Rating Redux - Star rating with css tutorial

Pretty Accessible Forms - It can be time consuming to make web forms both pretty and accessible. In particular, laying out forms where the form label and input are horizontally adjacent, as in the image below, can be a real problem.

Adam’s Radio & Checkbox Customisation Method - Customised check boxes using images

Even More Rounded Corners - Another article detailing a method of doing rounded corners with CSS. In this case, single-image, PNG-based, fluid rounded corner dialogs with support for borders, alpha transparency throughout, gradients, patterns and whatever else you (or your designer) could want.

Suckerfish HoverLightbox - A really creative way to show a collection of images in a gallery.

CSS Shadows - So for a couple of years now, folks have been trying to find ways to work around the fact that the box-shadow property from CSS3 seems to perpetually be just a few months away from actually appearing in Web browsers everywhere. Box shadows are a very common design element, and not being able to use them on the Web is a real pain in the ass

Have fun!!!

Leave a Reply