Tag Archives: Design Phase

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.

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.

Learn how to add your Typography design elements like Fonts and Font Styles in your Frontify Style Guide. It is easy, fast and fun! Also take a sneak peek at my style guide.

Learn how to add your Colour Palettes and usage guidelines in your Frontify Style Guide. It is easy, fast and fun! Also take a sneak peek at my style guide.