响应式网站开发在国内越来越普遍,一来展现效果好,而来收录情况佳,让专门开发响应式网站的程序员成了香饽饽。程序员们想要更有效率开发响应式网站,这9个热门HTML5框架可不容错过。
0 s- ^4 e9 P: V4 _; K) _. g2 T! _& r9 i5 N
①Twitter Bootstrap
+ n; N9 _6 S' ?0 M4 B基于HTML、CSS、Javascript,简单灵活快捷,是目前很火的前端框架。
+ f4 h1 C& @1 V+ q2 Y# j" o8 B3 ]7 [
. d6 _6 n& X0 X/ c% p- h; d* g; \) i
3 \8 n$ H) ~; `8 U②52Framework7 r8 M, k u2 V
能实现HTML5+CSS3+JS,能在包括IE6在内的所有主流浏览器运行。: ~6 j0 \' k( S) @
& c% B, X) F6 Z" e$ z( y
7 B. a* J1 Y) s* D0 T* m
! ~% I, u$ Y# f. U' Z- B3 X③SproutCore
/ S- H! g# ?4 z. ]# _4 E/ ]6 }利用MVC架构规范构建而成,能与任何后端服务器技术搭配使用。一旦部署之后,SproutCore应用只包含标准的HTML、JavaScript以及CSS。只需使用Apache就能部署完整的SproutCore应用。* _* Z/ P3 U: B! z5 T
% z6 F0 l, g" K" @- P
" e$ W% |+ _# H* H+ w$ Z, @7 O
3 S1 u3 @9 v" C- Q9 O9 t9 b' ^④Onsen UI
$ y% M6 M5 I! P# s, s( j: ]侧重于创建移动应用,用于构建PhoneGap/Cordova应用。
W/ V2 v- f7 z, l3 u- v4 F, A2 s" n$ E* A* V; w
3 ~' b7 ^) h3 _5 ^ l4 y" D5 d- ]8 L0 e' n' x
⑤Foundation3 W2 ~3 a; o1 L# n ?+ I
提供多种web上的UI组件,如按钮、表单等,可用于构建基于任何设备上的web应用。
2 V" J, l- {# a; L7 z. y1 s0 q- l. a0 m M9 C0 C" V
5 |. g/ f: @, \. w9 h/ w' A9 e
# ?! P1 r! s& [; z⑥Ionic4 y. A& U5 p/ |1 p1 U4 ?
Ionic非常漂亮,支持使用HTML5开发混个移动应用前端框架。; U$ a% ?, _' s0 _6 `- H
! T+ e8 K7 {. o( n) h4 [. q4 }
+ _9 g" a3 D# W) J" O
/ m6 i' {) s3 S4 ~7 P6 L: l⑦Enyo
$ `1 \& I7 \8 q ]; z适用于开发与原生应用类似的HTML 5应用。
! ^. L" s! m" \! s- i5 d+ {* O9 T7 K. p! k# `5 I; H6 u) _
4 C: S: a, K, x
$ N, D- t! V7 p0 Q: `⑧GroundworkCSS 2 f% k5 X6 T7 u0 s8 v( k5 `7 V
拥有一个灵活的、可嵌套的网格系统,可以创建适应多种浏览设备的布局。要用于快速构建响应式Web应用程序。$ g8 W q2 Q7 O+ H9 `
5 L+ j( r$ L" A% h
6 z2 c5 L1 A6 s2 g
3 X) Z* y; b6 b2 E8 k6 F* x
⑨MontageJS
$ ^7 D, y* d- n( ~$ W+ U可用于构建高可扩展性和可维护性的HTML5应用。是一个现代化、完整的HTML5框架,旨在创建单页的应用程序。
' f! ?2 a5 ?4 Q- k& W6 X. e U1 \1 j7 S9 b/ Z

* @/ e& \) ^( e5 }% a1 Y I
6 z# P' }% w* A此外,想开发HTML5响应式网站,还可以借助建站工具。笔者用过一款叫建站宝盒的网站开发工具,做出来的网站可以和专业开发网站媲美,不要求程序基础。有需要的可以了解一下:iisp.com/design/?s=ashley
% ^4 j) a7 O1 c, k( `: G3 E" w' R3 v- Q |