According to a recent study, a quarter of all Americans use mobile devices only to access the web. One out of every five people in the world own a smartphone and over half use it to surf the internet.
If your website doesn’t read well on those devices, you’re losing a huge chunk of mobile users. It’s time to embrace responsive design. Getting started can get complicated, but here are some tips to help.
Full DetailMaking the design to be responsive is very easy as shown in my Responsive Design in 3 Steps tutorial, but maintaining the elements to look aesthetically balanced on all breakpoint layouts is an art. Today I'm going to share 5 of my commonly used CSS tricks along with sample cases for coding responsive designs. They are simple CSS properties such as min-width, max-width, overflow, and relative value — but these properties play an important part in responsive design.
Full DetailResponsive design has become the new web standard. Many companies have accepted the challenge and have created specific design solutions (such as mobile only) or have attempted to address the issue cross-platform. In this article we look at several tips to help with your design process and make it more efficient.
Full DetailYou can declare columns on any block level element. Columns can be applied to a single element or applied to multiple elements by targeting their parent.
In the image below, the left side depicts CSS column rules being applied to the second paragraph to transform just that content into columns. The right side depicts the rules being applied to a container element such as a <div></div> or <article></article> to transform the elements into a multi-column layout.
There are three different ways to declare columns:
Let's explore the different ways to declare columns.
Read More