响应式网站开发在国内越来越普遍,一来展现效果好,而来收录情况佳,让专门开发响应式网站的程序员成了香饽饽。程序员们想要更有效率开发响应式网站,这9个热门HTML5框架可不容错过。) J) {& F! Y1 T& x
! ^& L7 f2 ]; R5 ^9 ^# I
①Twitter Bootstrap. C9 U0 w' H( h/ S* i$ I( a
基于HTML、CSS、Javascript,简单灵活快捷,是目前很火的前端框架。
2 e k' @3 }- c' R# f9 R
v8 \! F1 J) T% p' @( v5 e$ O
1 n+ |: H, x, u4 _( c' G; g9 q
! N% \9 ]. i; J9 v Z; M
②52Framework& D! Q5 n+ J5 W R. t: U9 a1 L
能实现HTML5+CSS3+JS,能在包括IE6在内的所有主流浏览器运行。( ], j* q' y8 y4 w6 `
( L7 C: f7 Z. z5 V, @7 F% M. e1 \ t
, L/ E% E, {7 v7 ]: t
3 g( d3 p3 D, q8 F; I9 o. h: o③SproutCore
1 S, J# E& A+ d! o: o% H. ~利用MVC架构规范构建而成,能与任何后端服务器技术搭配使用。一旦部署之后,SproutCore应用只包含标准的HTML、JavaScript以及CSS。只需使用Apache就能部署完整的SproutCore应用。
( }$ K7 g* L8 ?* E( L% |1 g6 _6 L& }5 Z; F
; C) @" t; R. l; j& \% r% Y
. P! p' {; D- v④Onsen UI
$ S( M# H/ T+ V! ?9 Z H7 d1 D侧重于创建移动应用,用于构建PhoneGap/Cordova应用。/ \9 r! B# g- a
! b1 t# H; x o
|; N; h+ S+ A3 S' N5 k
: A" t1 y, p3 m/ q⑤Foundation0 [* b1 U) n/ i1 o* R* q+ |6 r
提供多种web上的UI组件,如按钮、表单等,可用于构建基于任何设备上的web应用。% o* _7 Q3 M; f& z
- I4 T2 l! L4 }& x( G6 B
0 a# Q1 L+ B# l) r# G" i. j
. H" N; M8 @" |7 P& {
⑥Ionic
; T. n- ?; p* t8 \/ ]& rIonic非常漂亮,支持使用HTML5开发混个移动应用前端框架。7 w9 F- R, @2 Y9 ?# w2 Y) v$ J) g
9 {/ _% t$ m! }. P h( z* T
5 W% C; q2 m b* a: A
9 n+ p) _9 x7 R6 y⑦Enyo
) v& D- i }, m' J: d4 V& A6 P适用于开发与原生应用类似的HTML 5应用。
- k7 B6 Q4 a: s) U' A d
! N" S$ k- W4 g- D c+ P+ Z3 a& a 4 F' ?6 Q' L8 X# F4 ^. l1 y' l
+ a& ]4 ?9 `9 b* g! n: H- Y5 @
⑧GroundworkCSS 2
/ G5 r2 [0 j& W% i9 K拥有一个灵活的、可嵌套的网格系统,可以创建适应多种浏览设备的布局。要用于快速构建响应式Web应用程序。, m3 _# R d6 {0 g: z( a% a
" c' T9 O h* O: r6 \6 G# X
& [0 U/ p! ~) R* C! l
; x+ y/ g/ C O A. k⑨MontageJS4 ^6 `1 y# D) |1 Z3 K* _( M/ h
可用于构建高可扩展性和可维护性的HTML5应用。是一个现代化、完整的HTML5框架,旨在创建单页的应用程序。9 o- w- C1 M- A3 h1 H4 w% N, x
& ^2 F; Y1 _( `) l& Y0 R

8 h! [! z- h5 V
m4 p, W2 `! h0 K4 F# m. Z( j此外,想开发HTML5响应式网站,还可以借助建站工具。笔者用过一款叫建站宝盒的网站开发工具,做出来的网站可以和专业开发网站媲美,不要求程序基础。有需要的可以了解一下:iisp.com/design/?s=ashley
4 _* H$ S' {7 x; q! G7 q% l |