In the previous article, we looked in to a wide variety of text shadow effects. In this article we’re going to look at rounded corners and border effects. Rounded Corners Previously as a web developer, if you ever wanted to create a layout with rounded corners it used to be…

Having a solid grid system is foundational to good design – web or otherwise. The grid was first widely recognized in the 1950s when the International Typographic Style, or Swiss Style, was adopted by many designers. “The grid system is an aid, not a guarantee. It permits a number of…

Giving feedback to the visitors is a massive part of the user experience, if the user clicks a button they would expect to see something happen. An example of this is uploading an image to a website, it may take some time for the server to upload the image, but…

For most of us, getting started is the hardest part. The dreaded ‘blank canvas’ is sometimes daunting and no amount of hair pulling and coffee servings seem to be helping. Here are 6 simple ways to jumpstart your creative process: 1. Let the Colors Guide You Good design captures purpose…

In this tutorial we are going to create a modal box which will open by bouncing on to the screen and then when you close the box it will minimise out of sight. To do this we are going to use new CSS3 features of 3D transforms, which means that…

When it comes to social media, everyone talks about the major networks – Facebook, Twitter, Google+, and LinkedIn. But there are other social sites out there that can drive traffic to your website or blog content, particularly social bookmarking sites. While you might know about the major social bookmarking sites,…

Your website gets a lot of traffic.  But that traffic doesn’t stick around.  Sound familiar? Every day internet users visit millions of web pages but don’t spend more than a few seconds on the majority of them. They land on a page, skim it briefly and move on. The ‘Bounce…

In this tutorial we are going to look at 15 different effects you can create using CSS transitions. CSS3 allows you to add transitions to different CSS properties on any HTML element. Using CSS transition effects allows you to add different types of animation to your web pages. If you…

The viral nature of the web makes it an excellent breeding ground for interesting startups. If you have a cool idea, the web can help you spread it.  That is, if you can communicate that cool idea. A startup website has fewer seconds to make an impression than the site…