10 個最新發布的前端開發相關框架

1. Fabric.js : Framework to Work with Canvas

In order to simplify the complexity of HTML5 Canvas coding, various librariesexist and Fabric.js is another alternative. Besides offering methods for creating objects and manipulating them, the framework also works as a SVG-to-Canvas parser (and vice-versa). The created objects can be moved, scaled or rotated with mouse and we can transform their properties too (z-index, transparency, color, etc.). Fabric.js also supports text and applying filters to images.
 
Source 
 

2. Bourbon Neat

Bourbon Neat is an open source fluid grid framework built on top of Bourbon with the aim of being easy enough to use out of the box and flexible enough to customize down the road. It is built on top of Sass and Bourbon using them units and golden ratios. Using Sass 3.2 block mixins, Neat makes it extremely easy to build responsive layouts. Using the breakpoint() mixin, you can change the number of columns in the grid for each media query and even store these values in project-wide variables to DRY up your code. It has been tested on Firefox 3.5+, Safari 4.0+, Chrome 4.0+, Opera 9.5+ and IE 8+.
 
Source 
 

3. CSSHorus : Responsive CSS Framework

CSSHórus is a CSS framework for quickly creating responsive and mobile websites that works cross-browser. The framework has a 16 column grid and base styles for the reset, typography, tables, lists, forms and buttons. It is available as both CSS + LESS and includes 960px + 1200px grids in PSD format for designing easier. There is support for all major browsers starting from IE7+ and platforms like iOS, Symbian, Windows Phone and more.
 
Source 
 

4. BootMetro : Web Framework for Metro Style Websites

BootMetro is built on top of 推ter Bootstrap, for creating Metro/Windows 8-styled websites. The framework is inspired form the Metro UI CSS and provides a pretty solid base for the fans of this (possibly to become popular) UI style. It includes all the features, components + plugins of Bootstrap and extras like the tiled pages, application bar and more.
 
Source 
 

5. Reveal.js : HTML Presentation Framework

Reveal.js is a framework for easily creating beautiful presentations using HTML. It comes with a broad range of features including nested slides, markdown contents, PDF export, speaker notes and a JavaScript API.
 
Source 
 

6. Kube : A Minimal Responsive CSS Framework

Kube framework is a single CSS file that brings responsive layouts with no headache and offers more. Kube includes styles for forms, grids, buttons, tables, typography and few other stuff like links or images. For developers looking for maximum flexibility and customization, LESS files are also provided.
 
Source 
 

7. Base : A Simple Responsive CSS Framework

Base is a really simple CSS framework for building responsive websites that work well in all devices. It comes with custom styles for headings, tables, block quotes forms, lists and more. There is a 960px (max), 12-column grid and it is created with screen readers in mind. The CSS rules are well-commented and supports all major browsers (IE7+).
 
Source 
 

8. Express

Express is a minimal and flexible node.js web application framework, providing a robust set of features for building single and multi-page, and hybrid web applications. With a myriad of HTTP utility methods and Connect middleware at your disposal, creating a robust user-friendly API is quick and easy.
 
Source 
 

9. Foundation 3 : Advanced Responsive Front End Framwork

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 
 

10. Wirefy : A Framework for Responsive Wireframes

It is a CSS-JS framework for creating responsive and cross-browser wireframe layouts very quickly. Wirefy is style-agnostic so that clients won’t get hung up on the look or colors but just the layout and -maybe- functionality. The framework includes styles for all major web design elements like typography, grid, tables, images, forms, buttons, pagination, slideshow and more.
 
Source