These days it would be hard to find a discussion on mobile websites that would not mention something about Responsive Design. The idea of Responsive Design is to ensure that the website’s pages would adjust to whatever size of the device that the person would be using to visit the site. To do this, the web page would adjust its size to fit the screen depending on the device’s capacity instead of having to display another page that would be fitting for the device. Digital marketing would be incomplete if a responsive website is not part of the approach.
The elements of the page would have to reorder, resize, shift positions or even hide some content to adjust to the device being used. For the web page to be able to do this, a lot of web developers have started to use Responsive CSS Frameworks in order to lessen the needed effort to be responsive. For those who wish to create their own responsive site for the first time, using a Framework to do so would be very practical. It is just a matter of knowing which kind of Responsive Framework to use for your site’s responsive web design.
The three most popular Responsive CSS Frameworks today are Foundation, Skeleton, and Twitter Bootstrap. These three share many similarities but also have their number of differences. You just need to decide which of the three, depending on their capabilities, would suit your needs and preferences.
One of the similarities is that these three function as a basic grid system, where the pages are made up of rows where each row has an identical number of columns. Both Bootstrap and Foundation have 12 columns in each row compared to Skeleton which has 16 columns. The page’s elements can fill in these columns to meet its needs.
Skeleton – Compared to Bootstrap and Foundation which has a lot of add-ons and other components to be used with the grid, Skeleton has a much more simple approach. It has a few components which are already installed but it gives much fewer of these compared to Foundation and Bootstrap. The primary function of Skeleton is to offer a tool that would be able to adapt to any style and design and still be able to give a quick-start tool for fast development.
- Fast deployment
- The grid is simple
- Intuitive identification
- Other add-ons
Foundation – Foundation was made with the goal of having it to be mobile friendly. This would mean that when you are designing and building sites with the help of Foundation, the grid itself already takes into account the use of mobile devices such as phones and tablets.
- Mobile friendly
- Many capabilities
- Ordering based on device