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 Detail
Making 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 Detail
Responsive design is slowly becoming synonymous with web design. With the continued increase in smartphone and tablet usage, the responsive approach to the web is here to stay. But it is still a relatively new technique with some speed bumps and hurdles to overcome. Below, find some of my favorite responsive web design examples along with some code tips to better understand the techniques used.Full Detail
You 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