3 Killer Responsive Frameworks: Bootstrap, Foundation, & Skeleton
3 Killer Responsive Frameworks: Bootstrap, Foundation, & Skeleton
Bootstrap is a popular, modern, front-end UI development
framework. It has a 12-column grid responsive layout and includes custom
buttons and form elements of its own. Additionally, Bootstrap includes several
JavaScript components such as carousels, modals, alerts, and tabs. The
component and plugin library is large and community support continues to grow.
Overall, Bootstrap is a full featured solution for making a responsive website.
Foundation is another popular responsive front-end framework. Like Bootstrap, Foundation includes a responsive grid system, base CSS, CSS components, and JavaScript plugins. It's also a 12-column flexible grid, but it can scale out to an arbitrary size that's also easily nested. Foundation was built using the mindset of "Mobile First". With the Foundation framework, the grid classes account for mobile devices first, and treat larger devices as the exception. Foundation will be a great choice if you focus on your mobile site more.
Skeleton is a small collection of CSS & JS files that can help you rapidly develop sites that look beautiful at any size. Skeleton seems to be most ideal for simple concise websites that don't require a lot of extra features as it's got just the bare essentials and nothing more. The Skeleton template only works up to a 960 pixel width. For those users who want to get started with responsive design quickly, you should look into this open source project.
Foundation is another popular responsive front-end framework. Like Bootstrap, Foundation includes a responsive grid system, base CSS, CSS components, and JavaScript plugins. It's also a 12-column flexible grid, but it can scale out to an arbitrary size that's also easily nested. Foundation was built using the mindset of "Mobile First". With the Foundation framework, the grid classes account for mobile devices first, and treat larger devices as the exception. Foundation will be a great choice if you focus on your mobile site more.
Skeleton is a small collection of CSS & JS files that can help you rapidly develop sites that look beautiful at any size. Skeleton seems to be most ideal for simple concise websites that don't require a lot of extra features as it's got just the bare essentials and nothing more. The Skeleton template only works up to a 960 pixel width. For those users who want to get started with responsive design quickly, you should look into this open source project.
