HTML5 Responsive Frameworks
Hello Guys HTML is the most used language when it comes to a sites layout. HTML5 is the new and advance version of HTML.
HTML5 (Hypertext markup language) is used from website structuring and presenting the content on the front end of your website. HTML5 has introduced new elements. HTML5 handles multimedia and graphical content, and support for scalable vector graphics (SVG) content and MathML for mathematical formulas.
New HTML5 elements are:
New semantic elements like <header>, <footer>, <article>, <aside>,<nav>,<main> and <section>.
New attributes of form elements like number, date, time, calendar, and range.
New graphic elements: <svg> and <canvas>.
New multimedia elements: <audio> and <video>.
Frameworks
Bootstrap
Bootstrap is developed by twitter and is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web. It is well-documented, and this open source.
Bootstrap has Cross browsing, 12 Column Grid, responsive design, custom jQuery plugin, built on less which keeps your style sheet efficiently organized and a good library.
Learn More here.
Foundation
A Framework for any device, medium, and accessibility. It is also a responsive front-end framework. Foundation is semantic, flexible and completely customizable. Foundation helps you to design direct mobile compatible design or responsive designs.
It helps you build nice content focused websites using HTML, CSS, JavaScript.
Learn More here.
Skeleton
Skeleton is simple clean responsive CSS for HTML5. It is light as a feather at ~400 lines & built with mobile in mind.
Feature of skeleton includes responsive layout grid, standard device media queries, a CSS class for responsive image elements that scale with the layout grid.
Learn More here.
HTML KickStart
Kickstart is a package of HTML, CSS, JavaScript, icons to get your project started off and save time in UI development. It’s fully responsive and will adapt to almost any project.
Learn More here.
Montage HTML5 Framework
Montage is an open source HTML5 framework which supports in creating single-page application. It uses time-tested design pattern and software ethics, allowing the developer to create a modular architecture for your project and provide a high user experience. This allows both designer and developer to work collaboratively.
Learn here.
Less Framework
Less Framework is a modern front-end framework for building responsive designs. Less Framework focuses on being just a plain and simple layout grid framework.
Less is a CSS pre-processor, which allows you to use many techniques that allows you to make CSS more maintainable and extendable. Less runs inside Node, in the browser and inside Rhino. There are also many 3rd party tools that allow you to compile your files and watch for changes.
Learn here.
