Top 10 Responsive CSS Frameworks
Foundation is a front-end framework for sites, emails, and apps. It includes a wide range of modular and flexible components that are easily styled. These versatile and lightweight building blocks make it easy to bring your ideas to life. Their new companion app, Yeti Launch, can quickly generate Sass projects. Compared to version 5, version 6 in only half the size. The total file size of every component and class now weighs in at 60KB CSS & 84KB JS, with plenty of room to make them even smaller when selectively removing unused components.
Responsive Web design is where it's at right now. That's a style of web page design whereby the page layout dynamically adjusts the layout to look good on all devices, from desktops to tablets to phones. This end result is achieved using a combination of CSS and HTML to resize, hide, shrink, enlarge, or move content to make it look good on any size screen, and, in the case of mobile devices, in either letter of landscape orientation. Luckily, most websites share a very similar structure, so a framework that includes a structure of files and folders of standardized code (HTML, CSS, JS documents etc.) can be utilized as a basis to start building a site. Here are 10 frameworks that will help you to cut out a lot of development time and make your site look great to boot!
Rob Gravelle resides in Ottawa, Canada, and is the founder of Gravelle Web Design. Rob has built systems for Intelligence-related organizations such as Canada Border Services, CSIS as well as for numerous commercial businesses.
In his spare time, Rob has become an accomplished guitar player, and has released several CDs. His band, Ivory Knight, was rated as one Canada's top hard rock and metal groups by Brave Words magazine (issue #92) and reached the #1 spot in the National Heavy Metal charts on Reverb Nation.