How to hide content Seo Friendly

by in , , , 0

CSS CODE:

#content { position: absolute; top: -9999px; left: -9999px;}
Removes an item from the page, without affecting page flow or causing scrollbars. Much better than display: none; or even visibility: hidden;

Tutorial 3D Inset Effect by CSS3

by in , , , 0

People love to make flat things appear as if they're three-dimensional. There are two ways to pull off this effect in a 2D environment, shape and movement.
By give a flat shape the appearance of edges or sides, we can make buttons or other objects appear as if they are raised or sunken into the screen.

The movement effect is a bit trickier. In a three-dimensional world, objects closer to you move fast, while the ones further away move slow. The further away an object is, the slower it moves. This is called the parallax effect. The parallax effect has been used in all sorts of places for the past few years.
The first method, shape, works because it makes things appear to be popping out, or pushed away from you. The second method, movement, works because it makes things seem as if they are positioned in context with each other. But, what if we combined them. An object that looks sunken into the screen, like a shelf, and its edges shrink and grow, using the parallax effect, making the object appear as if it really is in 3D space.
First we need to add some markup on our page and give the items we want to affect the class of inset. Any block level elements will do. Here is a simple form with inputs that will have the effect applied.

Read more »

CSS3 animated button

by in , , 0

This article introduce a nice CSS3 animated button

Whether you're designing a website or a web application, you'll need a button for it. Now, with CSS3′s help, it was never easier to create nice looking button.
In this tutorial, you'll learn how to create a cool animated button CSS3 button in just a few steps. View the demo and download the code if you like what you see.





Awesome animated CSS3 button




Download the Code at Css3 Animated button

15 jQuery Ajax Shopping Carts

by in , , , 0

1. Smart Cart

Is a flexible and feature rich jQuery plug-in for shopping cart. It makes the add-to-cart section of online shopping much easy and user friendly. It is compact in design, very easy to implement and only minimal HTML required.

Smart Cart

SourceDemo

2. jCart

Based on jQuery and PHP, jCart handles visitor input without reloading the page and is fully functional even without JavaScript.

jCart

SourceDemo

3. Drag and Drop Shopping Cart

A drag and drop shopping cart using JQuery,JQuery UI and PHP.

Drag and Drop Shopping Cart

SourceDemo

4. jQuery Cart

The implementation of this jQuery cart features drag and drop functionality, updating the cart to reflect the items added to it and also updating the quantities without duplicating the item within the cart.

jQuery Cart

Read more »

50 Beautifull Css3 Buttons

by in , , , , , , 0

CSS3 is changing how we build websites. Even though many of us are still reluctant to start using CSS3 due to the lack of support in some browsers, there are those out there that are moving forward and doing some amazing stuff with its cool new features. No longer will we have to rely on so much JavaScript and images to create nice looking website elements such as buttons and menu navigations. So, in order to encourage you to start experimenting with CSS3, we’ve rounded up 50 excellent CSS3 button and menu techniques.


Roll Your Own Google Buttons

css3 buttons

CSS3-Only Tabbed Area

css3 buttons

Read more »