Web Development

Would you like to see the creation process of a simple website header using just HTML5 and CSS3 - from sketch to HTML page to working prototype?

If you have a content-rich website or you are running an eCommerce website, then Portfolio Headers are the best way to showcase your content or products. Read more about it in this article.

Here are four ways to get 1000s of free icons for your website.

An icon can effectively and aesthetically provide a visual clue to your website. Here are 4 ways to use icons to enrich your website content.

Parallax headers are a brilliant way to create a visually appealing look for your website. Here is an overview of Parallax headers and the full source code to create a simple parallax header.

Headers are the first thing visitors see on your website. So make an impact using a Hero Header for your website with an oversized and appealing image.

This article will give you information about the must-have elements of a Responsive Web Design (RWD) - Fluid Grid, Fluid Image and CSS3 Media Queries.

When developing a website, there are traditionally two types of layouts based on how the dimensions of the web pages are set. These are referred to as Fixed Width Layout and Fluid Width Layout. In this article, I will compare and contrast the two for you and give you a few tips to work around some of the common problems in both.

When embarking on a web development project it is crucial to consider how you will popularise your website through social media networking sites. Here are 3 helpful tips for choosing the best social media network for your website.

A fluid grid system is the foundation of responsive web design. Here is a simple tutorial to create your own fluid grid system for your website.