반응형
반응형
12 Popular Responsive HTML5 Frameworks

 

Twitter Bootstrap

Twitter Bootstrap

Boostrap is a sleek, intuitive, and powerful front-end framework for faster and easier web development. It has almost everything you need to develop responsive sites and apps like 12-column responsive grid, dozens of components, JavaScript plugins, typography, form controls, and many more.

Skeleton

Skeleton

Skeleton is a simple boilerplate for HTML5 websites and mobile-friendly development. If you are you looking to create a responsive website quickly, you should look into this open source project.

Foundation

Foundation

Foundation by Zurb is the most advanced responsive front-end framework in the world. With this HTML5 framework, you can start building website for small devices first. Then, as devices get larger and larger, layer in more complexity. The flexiable grid can adapt to any size screen, from phones to TVs.

HTML5 KickStart

HTML5 KickStart

HTML KickStart is a ultra–lean set of HTML5, CSS, and jQuery (javascript) files, layouts, and elements designed to give you a headstart and save you a lot of hours on your next web project.

SproutCore

SproutCore

SproutCore is an open-source front-end framework for building blazingly fast HTML5 apps. Semantic templates allow you to write HTML and CSS that update automatically when your models change-like magic. This framework will change the way you think about building applications and surprise you with how little code you have to write.

Montage

Montage

Montage is an HTML5 framework for building modern Web Apps. It helps you build scalable and maintainable HTML5 applications optimized for today’s and tomorrow’s range of connected devices.

HTML5 Boilerplate

HTML5 Boilerplate

HTML5 Boilerplate helps you build fast, robust, and adaptable web apps or sites. Kick-start your project with the combined knowledge and effort of 100s of developers, all in one little package.

Zebra

Zebra

Zebra is an HTML5 open source framework that brings fresh view and possibilities to develop WEB based Rich UI applications. The approach sits on top of HTML5 Canvas element what makes possible to render any imaginable UI.

CreateJS

CreateJS

CreateJS is a suite of modular libraries and tools which work together to enable rich interactive content on open web technologies via HTML5. These libraries are designed to work completely independently, or mixed and matched to suit your needs.

Less Framework

Less Framework

Less Framework is a CSS grid system for designing adaptive web­sites. It contains 4 layouts and 3 sets of typography presets, all based on a single grid.

Groundwork

Groundwork

GroundworkCSS is an open-source, responsive front-end framework packed with HTML5, CSS and Javascript components that enables rapid prototyping and responsive design.

Gridless

Gridless

Gridless is an optionated HTML5 and CSS3 boilerplate for making mobile first responsive, cross-browser websites with beautiful typography.

반응형
반응형
http://www.layoutit.com/

 

LayoutIt! is NOT a site builder. It's the kick-off for every frontend project you need to develop.

LayoutIt! takes every element and component of Bootstrap to make your frontend coding easier without needing to be
an expert in javascript, html5 or css3. You just build what you need to start, and then code it however you most like!

 

LayoutIt! - Drag & Drop Interface Builder for Bootstrap

 

 

 

 

 

 

 

반응형
반응형

MobileHTML5

HTML5 compatibility on mobile and tablet browsers with testing on real devices

 

http://mobilehtml5.org/

 

 

 

 

 

 

 

반응형
반응형

Chart.JS - SIMPLY STUNNING  HTML5 JS Chart and Gauge Widgets

 

http://chartjs.devexpress.com/

 

Dynamic client side data visualization

Whether you are creating traditional websites, sites that target mobile devices, or native apps built with HTML5 JavaScript and compiled with Apache Cordova (PhoneGap), ChartJS provides high-performance and elegant data visualization options for all your business intelligence needs.

 

 

 

 

 

 

 

반응형
반응형

HTML5 Boilerplate    http://html5boilerplate.com/

HTML5 Boilerplate is a professional front-end template for building fast, robust, and adaptable web apps or sites.

This project is the product of many years of iterative development and combined community knowledge. It does not impose a specific development philosophy or framework, so you're free to architect your code in the way that you want.

Save time. Create with confidence.

Analytics, icons, and more

A lean, mobile-friendly HTML template; optimized Google Analytics snippet; placeholder touch-device icons; and docs covering dozens of extra tips and tricks.

Normalize.css and helpers

Includes Normalize.css v1 — a modern, HTML5-ready alternative to CSS resets — and further base styles, helpers, media queries, and print styles.

jQuery and Modernizr

Get the latest minified versions of two best-of-breed libraries: jQuery (via Google’s CDN, with local fallback) and the Modernizr feature detection library.

High performance

Apache settings to help you deliver excellent site performance. We independently maintain server configs, a node build script, and an ant build script.

 

Quick start

Choose one of the following options:

  1. Download the latest stable release from html5boilerplate.com or a custom build from Initializr.
  2. Clone the git repo — git clone https://github.com/h5bp/html5-boilerplate.git - and checkout the tagged release you'd like to use.

 

 

'

반응형
반응형

16 Best HTML5 Frameworks for Rapid Development

 

Link : http://codegeekz.com/best-html5-frameworks/

 

HTML5 is popular language amongst web designers because it is being supported by the most of the modern browsers like Firefox 6, Google Chrome, IE9 etc.. HTML5 provides numerous new features and capabilities that were things of fantasy with previous versions of HTML. Web pages will now be more semantic with the use of structure specific tags. Visual elements like rounded corners are now built in, and so is the ability to create drag and drop interactivity.

In this article I have generated a list of best HTML5 frameworks that will simplify your development process and speed up your coding. Following HTML5 frameworks are best in my concern, If you are aware of any other useful HTML5 framework, please do let us know by posting comments. We would love to hear from you. I hope you will find this list handy and useful for your development needs.

If you like the article you might be interested in other article on 10 Best HTML5 Tools and Best HTML5 Editors.

1. Iio Engine

iioengine
iio Engine is an open source framework for creating HTML5 applications with JavaScript and canvas. The framework is lightweight (45kb) and packed with a debugging system+ cross-platform deployment engine. It doesn’t require any JS frameworks and can work side-by-side with Box2D.

Source

2. Zoey

Zoey
It is a HTML5-CSS3-powered framework for creating mobile apps, built on top of Zepto.js and weights only 6kb (gzipped). Zoey has the UI components like navigation, lists, buttons, control groups, forms and grids. The framework is compatible with iOS + Android and comes with an app skeleton that covers all the features.

Source

3. Lime JS

limejs
It is a HTML5 game framework for building games that’ll feel native and work fast in modern touchscreens and desktop browsers. LimeJS is created with Closure Library built by Google and comes with functions/classes to control the timeline, events, shapes and animations. Also, the framework has full support of sprite sheets (you can collect all images inside a single file).

Source

4. Jo

jo
Jo is an open source mobile application framework that is based on HTML5 . It enables you to create for multiple platforms like webOS, iOS, Android, Symbian, Safari, Chrome and Dashboard Widgets. The framework is small in size, ~8kb, without any dependencies and compatible with many other JS frameworks. Jo is also compatible with PhoneGap and makes possible to create native apps besides web apps.

Source

5. Lungo.js

lungo
Lungo.jS is first mobile framework that is includes features of HTML5, CSS3, and JavaScript. Lungo.js helps developers to create iOS, Android, Blackberry and WebOS platform based applications. This framework is designed to take advantage of the features of current mobile devices and it captures events like swipe, tap double tap. It doesn’t use images, everything is available in vector, and you can directly distribute your apps to “Mobile Stores” or in websites.

Source

6. 52 Framework

52-framework
52 Framework is most popular HTML5-CSS3 based frame work among designers and developers. The support for all modern browsers with IE6 makes this framework most distinctive and useful framework in its category.

Source

7. Junior

junior
Junior is a HTML5 front-end framework for creating mobile apps that look and behave like native. It uses CSS3 transitions for a slick performance, supports swipable carousels and includes various UI components (from Ratchet). The framework uses Zepto (which is nice for jQuery fans as it has a jQuery-like syntax) and has integration with backbone.js views + routers.

Source

8. Sencha Touch

sencha touch
Sencha Touch, a high-performance HTML5 mobile application framework, is the cornerstone of the Sencha HTML5 platform. Built for enabling world-class user experiences, Sencha Touch is the only framework that enables developers to build powerful apps that work on iOS, Android, BlackBerry, Windows Phone, and more.

Source

9. Gridless

gridless
Gridless is an optionated HTML5 CSS3 boilerplate for making mobile first responsive, cross-browser websites with beautiful typography. It works on DBY (don’t bore yourself) approach and allows developers to use CSS normalization, beautiful typography, a well organized folder structure, IE bug fixes and other nice tricks for their websites.

Source

10. Cartagen

Cartagen
Cartagen lets you make beautiful, customized maps with a simple stylesheet. Maps are styled with Geographic Style Sheets (GSS), GSS is a scripting language as well making Cartagen an idea framework for loan modification mapping dynamic data. Cartagen is vector mapping, client side HTML 5 framework for rendering maps in native HTML5 applications.

Source

11. Baker

baker
Baker is a HTML5 eBook framework to publish interactive books and magazines on iPad and iPhone using simply open web standards. In order to use the Baker, developer has to design HTML5 pages with a fixed
width of 768 px.

Source

12. Joshfire

joshfire
Joshfire is an open source multi device development frameworks which assists developers to develop web applications that can run on multiple devices. It uses standards like HTML5 and JavaScript and allows developers to quickly integrate native and dedicated web apps for browsers, Node.JS, desktops, smart phones, smart TVs and connected objects.

Source

13. Sprout Core

SproutCore
Sprout core is an open source HTML5 Framework used to rapidly build up innovative web applications. With sprout care developers can build rich, interactive applications with less code.

Source

14. ReposiveAeon

responsive-aeon
ResponsiveAeon is a HTML5/CSS3-powered framework for creating responsive layouts very quickly. It has a grid system that is based on 12 columns with 1104px width in total and offers a very easy to understand usage with only 3 basic classes.

Source

15. Foundation

foundation-3
Foundation 3 is built on ZURB’s 14 years of experience at building sites and apps for the Web. It is built with Sass, a powerful CSS preprocessor, which allows us to much more quickly develop Foundation itself, as well as sites built with it. You can use the Sass or straight CSS version of Foundation.

Source

16. G5 Framework

g5 framework
G5 is lightweight frontend Framework which only includes those features which actually require to build up beautiful websites. It was started as personal project; G5 helps to speed up work flow by reusing the similar and best coding techniques. As G5 states that it includes only those features which are necessary for web development it still holds a bunch of features such as Base CSS, Php active class, smooth scroll to top, base Seo, Sticky Footer, Clean organization etc.

Source

 

반응형

+ Recent posts