Web Development

I have not been writing much about my website development process recently. I recently created a simple header just using HTML5 and CSS3. It was a little too simple and I wasn’t sure if anyone would be interested in having a sneak peek into my thought process. I did a rough sketch of the how I wanted the header to …

When it comes to page headers there are sooo many creative options to choose from. I have been researching some of the unique headers over the last couple of months and here are my favourite picks. Hero Header Parallax Header Portfolio Header In this last article of this series, I will share something about Portfolio Headers. #3 Portfolio Header Portfolio …

If you are all excited about adding icons to your website after reading my last article on the topic, then this article is a must-read. Here I will share with you 4 ways to get some fancy icons for your website. #1 Font Awesome Font awesome is one of my favourite free icon packs. There are over 600 icons to choose …

Apart from colours and fonts, images also are an important visual aspect of websites. Images are the perfect way to give a visual clue of your content in a clear, concise and aesthetic way. And icons play an important role in this. An icon is a small picture that serves as an intuitive representation of the content of a website. …

When it comes to page headers there are sooo many creative options to choose from. I have been researching some of the unique headers over the last couple of months and here are my favourite picks. Hero Header Parallax Header Portfolio Header In the second part of this series, I will tell you more about Parallax Headers. #2 Parallax Header …

When it comes to page headers there are sooo many creative options to choose from. I have been researching some of the unique headers over the last couple of months and here are my favourite picks. Hero Header Parallax Header Portfolio Header In part 1 of this series of articles I will tell you more about Hero Headers. #1 Hero …

In my previous article, I shared two types of page layouts. In this day and age of smartphones, and tablets, there is another design approach that is very effective. This is popularly known as the Responsive Web Design (RWD). In one of my previous articles on creating Fluid Grid System for your website, I mentioned about this approach. allows users …

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 …

Social media networking sites are a great place to meet new people, build new business relationships and learn and discuss ideas. There are different flavours of Social Media platforms that can be integrated with your website to popularise your website. Here are some examples. When embarking on a web development project it is crucial to consider how you will popularise your website through …

Responsive Web Design allows users to view the web pages across a broad range of devices and browsers in an easy to read layout and navigate with a minimum of resizing, panning, and scrolling. A site designed with adapts the layout to the viewing environment by using fluid, proportion-based grids, flexible images and CSS3 media queries These days, many websites …