响应式网站开发在国内越来越普遍,一来展现效果好,而来收录情况佳,让专门开发响应式网站的程序员成了香饽饽。程序员们想要更有效率开发响应式网站,这9个热门HTML5框架可不容错过。) d7 L+ O2 F! a. g; t
: O: ~ X5 A9 T) N
①Twitter Bootstrap
/ n# Y& V, }% S4 R1 |' L$ R& v基于HTML、CSS、Javascript,简单灵活快捷,是目前很火的前端框架。) D/ r5 P! ]3 k3 |
6 O9 Q8 a7 E6 D4 r7 O
% S# e3 r0 j* y) K: U: |4 ]; ^
% u( I8 [4 c6 h. B: | ]
②52Framework1 ?! ~# I! ]& Z3 S% I2 c9 S" e
能实现HTML5+CSS3+JS,能在包括IE6在内的所有主流浏览器运行。5 x4 B4 j& ?9 [( x6 U9 p! m' q
* L9 o2 Y) h6 v0 C; ^2 J, n5 M
* g0 k2 v0 y* y5 m Q! A
$ C5 b1 _& G% h, z# N
③SproutCore
# F2 n" _& W8 p1 S- m利用MVC架构规范构建而成,能与任何后端服务器技术搭配使用。一旦部署之后,SproutCore应用只包含标准的HTML、JavaScript以及CSS。只需使用Apache就能部署完整的SproutCore应用。: m. q! F. ?5 @) {7 d" ]
: Y: V- ^: u2 O
& R; f3 p5 O4 X0 M
2 S) z0 o: |' t' c0 Q! u1 ?④Onsen UI
+ i* U, u( y3 B0 ~# _- Q; h侧重于创建移动应用,用于构建PhoneGap/Cordova应用。0 }0 M1 G/ M# l9 q' O7 Q q
7 t) P' T! g% R- s# o3 z
; A& n" f' G4 U0 v) K
# p- a: g+ s7 A2 ?! m# @
⑤Foundation
0 Q- j$ Q3 B& b! ?6 Q提供多种web上的UI组件,如按钮、表单等,可用于构建基于任何设备上的web应用。* C4 F) p/ c0 B" F4 Z: v( Q5 k5 x
9 ^" C, d$ }3 Z u) k4 Y
. ^, a+ d4 x. s
+ ^2 ^* `! T2 s4 J
⑥Ionic% w" ?# y8 e: `$ n ^3 G
Ionic非常漂亮,支持使用HTML5开发混个移动应用前端框架。
! W3 @9 _9 i$ `% t$ s0 w- P
9 R; J+ n( x6 R# T3 M
! J% c" \' z# V/ ?% v2 {3 `
* G" w8 X$ N8 M2 _4 m⑦Enyo! z5 t$ `8 w4 {0 M
适用于开发与原生应用类似的HTML 5应用。
% U9 Z; O4 u) G* X- o' k1 d4 @& _3 n5 k" \) e

' M3 u n* {9 s/ W: k7 W& L9 E4 n; g3 M9 M& b4 H1 j6 s/ x9 I
⑧GroundworkCSS 2" k8 \& V* X2 `6 y' @ i
拥有一个灵活的、可嵌套的网格系统,可以创建适应多种浏览设备的布局。要用于快速构建响应式Web应用程序。- n( M5 a; B! `3 D$ ~* s: G8 @# X
" d3 Z$ E! e7 H2 r" h , H( o# I/ ~+ M+ u) j- W: u
; W$ Q8 T' n/ {' |! K$ f$ m
⑨MontageJS
1 m9 N$ K7 L4 C( u z( w6 C/ j可用于构建高可扩展性和可维护性的HTML5应用。是一个现代化、完整的HTML5框架,旨在创建单页的应用程序。
" ]* c/ u6 |9 c! `7 y M! O4 _
5 T3 E; O) S5 E# h9 I
6 X. Q, q8 x7 m& A
/ Q* m! g+ l( \! j此外,想开发HTML5响应式网站,还可以借助建站工具。笔者用过一款叫建站宝盒的网站开发工具,做出来的网站可以和专业开发网站媲美,不要求程序基础。有需要的可以了解一下:iisp.com/design/?s=ashley) l$ T+ ]) k; t( d5 _7 R& \
|