下载文档原格式
Java中的Web开发框架有哪些在Java中，有多种用于Web开发的框架。
这些框架提供了一套工具和结构，帮助开发人员快速构建可靠、高效的Web应用程序。
本文将介绍几种常用的Java Web开发框架。
一、Spring MVCSpring MVC是一个基于Java的轻量级Web框架，它是Spring框架的一部分。
Spring MVC通过使用模型-视图-控制器（MVC）的设计模式，将应用程序的不同组件分离开来。
它提供了灵活的配置选项和强大的功能，包括请求映射、表单处理、数据验证和视图解析等。
Spring MVC也支持RESTful风格的Web服务开发。
二、StrutsStruts是另一个受欢迎的Java Web框架，它遵循MVC设计模式。
Struts框架提供了一种结构化的方法来构建Web应用程序。
它使用Struts配置文件来管理请求和处理逻辑，同时提供了多种标签库和表单验证机制。
Struts还支持国际化和本地化，使得开发多语言应用程序更加简便。
三、JSFJavaServer Faces（JSF）是Java EE的一部分，它是一种用于构建用户界面的Web框架。
相比于其他框架，JSF更加面向组件。
它提供了一系列可重用的UI组件，开发人员可以通过简单地组合这些组件来构建复杂的用户界面。
JSF还具有良好的可扩展性和集成性，可以轻松地与其他Java技术和框架进行集成。
四、Play框架Play框架是一个用于构建Web应用程序的响应式全栈框架。
它采用了基于Actor模型的异步编程模型，这使得Play应用程序能够处理高并发和高吞吐量的请求。
Play框架还提供了内置的开发工具和自动重新加载功能，使得开发变得更加高效。
此外，Play还支持多种数据库和模板引擎，开发人员可以根据自己的需求进行选择。
五、Spring BootSpring Boot是一个用于简化Spring应用程序开发的框架。
它提供了一种约定优于配置的方式，通过自动配置和快速启动器，可以快速构建独立运行的、生产级别的Spring应用程序。
10个适合后端程序员的前端框架-回复前端框架在现代Web开发中扮演着至关重要的角色，它们为后端程序员提供了一种快速、高效地构建优质用户界面的方法。
然而，对于后端程序员来说，选择正确的前端框架可能是一项挑战。
在本文中，我们将介绍10个适合后端程序员的前端框架，并详细回答一些关键问题，帮助后端程序员更好地理解它们的功能和优势。
1. AngularJS:- AngularJS是一种由Google开发的JavaScript框架，适用于构建单页应用程序（SPA）。
它采用模块化的方法，并提供了一种声明式的方式来构建用户界面。
- AngularJS提供了一系列强大的功能，如数据绑定、依赖注入、路由等，使得后端程序员可以更加容易地构建复杂的Web应用程序。
2. React:- React是由Facebook开发的JavaScript库，用于构建用户界面。
它采用了组件化的开发方式，使得开发人员可以将界面拆分成独立的、可重用的组件。
- React使用虚拟DOM（Virtual DOM）的概念，以提高渲染性能。
后端程序员可以利用其简洁的API和优秀的生态系统来构建交互性强的用户界面。
3. Vue.js:- Vue.js是一种轻量级的JavaScript框架，可用于构建交互式用户界面。
它具有类似于AngularJS和React的功能，但语法更加简洁易懂。
- Vue.js的核心库相对较小，可以轻松地与现有的项目集成。
后端程序员可以快速上手，并在短时间内构建出高质量的用户界面。
4. Ember.js:- Ember.js是一种开发Web应用程序的JavaScript框架，它具有强大的和约定俗成的架构设计。
它提供了一系列高级功能，如数据绑定、模板引擎、路由等。
- Ember.js的约定俗成的设计和丰富的生态系统，使后端程序员能够快速地构建可维护和可扩展的Web应用程序。
5. Backbone.js:- Backbone.js是一种轻量级的JavaScript框架，适用于构建单页应用程序。
开发语言十框架在软件开发领域中，使用框架可以加快我们的开发速度，提高我们的开发效率。
下面，我们介绍十种常用的开发语言框架：1. Java：Spring框架是一款非常流行的Java框架，它提供了丰富的功能和完整的技术堆栈，可以帮助开发者快速搭建复杂的企业级应用。
2. Python：Django框架是一款高效且易于使用的Python框架，它提供了全套原生库和工具，使得开发者能够快速构建出具有高度可扩展性的Web应用程序。
3. PHP：Laravel框架是一个快速且优美的PHP框架，它提供了很多有用的函数库，让开发者更方便地编写新的应用。
4. Ruby：Ruby on Rails框架是一个简单易用的框架，可以帮助开发者快速构建Web应用程序。
它提供了多种功能，包括ORM、RESTful API和集成测试等。
5. Golang：Gin框架是一个轻量级的Web框架，它使用了Go语言的语法和特性，可以帮助开发者构建高效的Web应用。
6. JavaScript：Vue.js框架是前端开发中一个快速上升的框架，它采用了组件化的架构，可以轻松地扩展和共享代码。
7. C#： Core框架是一个高性能的Web开发框架，可以兼容多个平台，包括Windows、Linux和macOS等。
它提供了控制器、视图和身份验证等功能。
8. Kotlin：Ktor框架是一个高效和易于使用的框架，它可以帮助开发者构建高性能的Web应用程序，在移动端也有广泛的应用。
9. Swift：Perfect框架是一个兼容多个平台的服务器框架，它使用Swift语言编写，可以构建高度可扩展的Web应用。
10. Rust：Rocket框架是一个易于使用的Web框架，它可以帮助开发者构建安全而高效的Web应用，提供了路由、中间件和模板等功能。
目前前端开发非常火爆，导致了前端的一系列框架，层出不穷，各有千秋，那么多的框架，不知道从哪里下手，也不知道该如何使用，这里我收集了目前互联网最具有代表性web 前端开发工具和框架,希望对你有所帮助。
前端框架Bootstrap
Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。
NEC : 更好的CSS样式解决方案
更好的CSS样式解决方案
NEC包括了规范、框架、代码库、插件等内容，致力于为前端开发人员提供高效率高质量的前端页面开发解决方案，提高多人协作效率，也为非专业人员提供快速制作网页的解决方案。
NEJ-Nice Easy Javascript
Nice Easy Javascript
简洁，美观，真正的跨平台web前端开发框架
本文内容由北大青鸟佳音校区老师于网络整理，学计算机技术就选北大青鸟佳音校区！了解校区详情可进入网站，学校地址位于北京市西城区北礼士路100号！。
十大HTML5响应式Web开发框架总结在这里小编为大家总结了一些HTML5响应式Web开发框架，没有最好，只有更合适，每个人都可以根据自己的工作需求和项目选择不同的开发框架。
1)GroundworkCSS2GroundworkCSS2是一款响应式HTML5、CSS以及JavaScript 框架。
这套框架拥有一套强大的网格系统外加对应划分功能，足以满足各类台式机、智能手机以及平板设备的需要。
其网站还提供数量可观的使用示例及说明文档，足以帮助大家快速实现原型设计以及面向标准网站、电子商务网站以及图片库等应用场景的布局模板。
值得强调的是，这套框架还提供其它一些功能，例如响应式文本以及易于定制特性。
2)MontageJSMontageJS是一套极具人气的HTML5框架，其专长之处在于支持高性能与可扩展性Web应用的开发。
这套框架提供一系列面向组件的HTML模板，从而帮助这些组件摆脱对JavaScript或者CSS的依赖性。
它还提供一套模块化方法，能够实现组件的可复用性及代码组织。
另外，MontageJS的其它优势还包括基于云的视觉创作环境、功能性反应绑定(简称FRB)以及隐含事件代理等等。
3)52Framework52Framework是一套强大的前端开发框架，其能够充分发挥HTML5、CSS3以及JavaScript的可观潜能。
这套框架当中捆绑有大量内置功能，具体包括HTML5视频播放器、HTML5表单验证、CSS3属性、网格系统以及HTML5canvas示例等。
4)TwitterBootstrapTwitterBootstrap是一套强大的前端框架，能够利用HTML、CSS以及JavaScript快速简单地实现Web应用开发任务。
这套框架为开发人员提供一系列极具实用性的功能，具体包括一套12列响应式网格系统、JavaScript插件外加HTML元素等等。
它还提供一系列可复用组件，从而实现导航、下拉菜单、面包屑导航、排版、提醒以及进度条等功能。
Python的Web应用开发框架Python是一种广泛使用的编程语言，而Web应用开发则是当今互联网时代的重要领域。
为了提高开发的效率和灵活性，Python开发者们设计了许多Web应用开发框架，这些框架提供了丰富的功能和工具，使开发者能够轻松构建强大的Web应用程序。
1. DjangoDjango是Python中最受欢迎的Web应用开发框架之一。
它遵循着“Don't Repeat Yourself”（不重复自己）的原则，提供了大量的内置功能，如认证、数据库ORM（对象关系映射）和管理后台等。
Django的设计目标是使开发者能够快速构建高质量的Web应用，并能够方便地扩展和维护。
2. FlaskFlask是另一个流行的Python Web应用开发框架。
与Django相比，Flask更加简洁、灵活。
它提供了一些基本的功能，如路由、模板渲染和表单处理。
Flask的设计理念是只提供核心功能，其他高级功能可以通过插件来扩展。
这使得Flask成为了一个非常适合小型项目和初学者的选择。
3. PyramidPyramid是一个轻量级的、高性能的Python Web应用开发框架。
它采用了“一切皆插件”的设计思想，使得开发者能够根据项目需求选择需要的功能。
Pyramid的API（应用程序编程接口）设计优雅，它提供了强大的路由系统、视图模板和认证功能。
Pyramid适用于各种规模的项目，并且易于测试和扩展。
4. BottleBottle是一个微型的Python Web应用开发框架，它以简单和易学著称。
Bottle的代码量非常少，只有一个文件，却拥有基本的路由、模板和HTTP服务器功能。
由于其轻量级特性，Bottle特别适合构建小型的API服务或快速开发原型。
5. TornadoTornado是一个异步的Python Web应用开发框架，特别适用于高性能的网络服务器和实时Web应用。
与传统的多线程模型不同，Tornado 使用了单线程和非阻塞的事件循环机制，使得它能够处理成千上万个并发连接。
Web前端框架介绍简介：Web前端框架是用于构建用户界面的工具集合，被广泛应用于Web 开发中。
它们提供了一系列的库和工具，可以简化界面的创建、交互和管理。
本文将介绍一些常用的Web前端框架，包括React、Angular和Vue。
一、React：React是由Facebook开发并维护的JavaScript库。
它被设计用于构建大规模、高效、可维护的Web应用程序。
React采用组件化开发模式，将界面拆分为独立的、可复用的组件，大大提升了开发效率和代码的可维护性。
React的优点包括：1. 虚拟DOM：React使用虚拟DOM来追踪界面的变化，通过比较前后两次虚拟DOM的差异，只更新需要改变的部分，减少了对真实DOM的操作，提高了性能。
2. 单向数据流：React采用单向数据流的数据绑定方式，使得数据变化更可控，减少了潜在的bug。
3. 生态系统：React有庞大的生态系统，有丰富的第三方库和插件可供使用。
二、Angular：Angular是由Google开发并维护的JavaScript框架，它的目标是构建大型、高效、可维护的Web应用程序。
Angular采用了MVVM （Model-View-ViewModel）的设计模式，通过将数据和视图分离，使得开发变得更加清晰和可控。
Angular的特点包括：1. 双向数据绑定：Angular支持双向数据绑定，当数据变化时，自动更新视图；同时，当用户输入变化时，也会自动更新数据模型。
2. 依赖注入：Angular引入了依赖注入的机制，可以方便地管理组件之间的依赖关系，提高了代码的可测试性和可维护性。
3. TypeScript：Angular使用TypeScript作为主要开发语言，增加了代码的可读性和可靠性，并提供了更好的开发工具和开发体验。
三、Vue：Vue是由个人开发者尤雨溪创建的JavaScript框架，它旨在简化Web应用程序的开发过程。
Vue采用了组件化的开发模式，将界面拆分为独立的、可复用的组件，使得代码更加清晰、易于维护。
10大移动Web开发框架这些轻量级框架使用HTML5和CSS3标准来帮助您快速开发跨平台的Web 移动应用和网站。
1. jQuery MobilejQuery Mobile这个框架能够帮助你快速开发出支持多种移动设备的Mobile应用用户界面。
它是当前最流行的移动开发框架。
jQuery Mobile不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。
虽然jQuery Mobile相对较新，但开发人员可以用jQuery Mobile为许多移动设备（包括智能手机和平板电脑）开发网站应用程序，RSS阅读器等应用。
查看jQuery Mobile实战应用，可以在这里看它的示例。
假如你不熟悉jQuery，可以选择MooTools Mobile,一个由MooTools核心开发人员Christoph Pojer开发的一个MooTools插件。
还有一个是Dojo Mobile,这个利用了Dojo API来帮助开发人员快速构建一个用于移动平台的应用。
2. Titanium Mobile这是一个强大的，健壮的移动Web开发框架。
能够让使用现有的HTML, CSS 和JavaScript知识来为iOS和Android平台开发原生移动应用。
作为一个越来越大的移动Web框架，它拥有超过300个的APIs和活跃的开发者社区。
你从这个社区中得到每一个开发人员的帮助。
Titanium Mobile支持原生的iOS和Android UI元素如Table views, tabs, switches和popovers。
它提供能够与移动设备的摄像头和本地文件存储系统相交互的特性。
3. The-M-ProjectThe-M-Project是另外一个强大的JavaScript框架，它利用HTML5新的特性来更好和更简便地开发移动应用。
这个框架遵循著名的MVC软件架构模式。
它还支持离线，所以你的用户可以在没有连接网络的情况下继续操作（当下次有连线的时候，再将数据同步到服务器中）。
前端开发技术栈：必备的框架和工具随着互联网不断发展，前端开发越来越重要，它通过浏览器将用户与后端服务器连接起来，实现了网页的开发和呈现。
在开发中，开发者需要使用多种技术和工具，其中框架和工具是不可或缺的一部分。
本文将介绍必备的框架和工具，以帮助前端开发者更有效地开发。
一、框架1. AngularAngular是Google开发的一款开源前端框架，它的目标是使开发变得更容易、更方便、更快。
它采用MVVM（Model-View-ViewModel）模式，可轻松地处理页面上的数据变化，并具有非常强的可扩展性和灵活性。
它的优点包括高效、易于使用、可扩展、高性能、可测试等。
2. ReactReact是Facebook开发的一款开源前端框架，主要用于构建可重用UI组件。
它的优点包括高效、可扩展、可重用、声明式编程、可测试等。
作为一款非常流行的前端框架，React已经被许多公司使用，并获得了广泛的支持。
3. VueVue是一款采用渐进式框架梳理的开源前端框架，是一种更轻量级的框架，具有显著的性能和灵活性。
它的优点包括渐进式梳理、高性能、易于使用、可扩展、可组合、易于调试等。
它在互联网开发中被广泛使用。
二、工具1. WebpackWebpack是一款静态模块打包工具，它可以将JavaScript、CSS、图片等文件打包成一个或多个文件，使其更容易在浏览器中使用。
它具有多种功能，可自动处理文件转换、模块加载和代码分割等问题，从而帮助开发者更方便地进行开发。
2. ESLintESLint是JavaScript中最流行的代码检查工具之一，可检查代码潜在的问题并提供错误和警告。
它的优点包括易于使用、可配置、自动化、可扩展等。
它可与任何主流的IDE和编辑器集成，检查代码风格并帮助开发者遵循最佳实践。
3. GitGit是一款开源的分布式版本控制软件，它可以管理代码存储库，记录代码的修改和更新，并对代码进行版本控制，有利于开发者协作开发和版本管理。
本文收集了10款最新且最实用的开发框架，这些框架能够激发你的编码灵感，促使你去设计、开发跨浏览器动态网站以及Web应用。
1. Web Tracing Framework由Google公司推出的这款Web Tracing Framework，是一套工具集，该脚本可对任何JavaScript相关的代码进行性能分析。
主要用于JavaScript重应用，以及检索不必要的Web网页标准，这是因为JavaScript仅用于简单的交互。
该框架支持手动的嵌入选项，以及Chrome扩展工具包括可处理内部浏览器数据及处理这些数据的命令性工具（支持Nodejs）。
该框架允许开发者自主选择用哪些方法/事件进行追踪，并在友好界面中进行可视化。
此外，“heap tracking”功能有助于查找“每个功能所占用的内存”，当你有需求时可进行优化。
2. UIKitUIkit是一款轻量级、模块化的前端开发框架用于开发快速且强大的Web界面。
UIkit为你提供较为全面的HTML、CSS、JS组件，使用简单、易定制和可扩展。
UIkit 是用LESS开发，编写机构良好、代码可扩展易于维护。
这款工具不仅小巧，而且其响应式组件使用一致性及无冲突的命名规范。
UIkit可用来扩展主题，轻松创建自己想要的外观。
它是开源的，基于MIT许可证下发行。
这款框架还是完全免费的，你可以使用、复制、合并、拆分框架无任何限制。
3. Phalcon PHPPhalcon PHP是一款Web框架，作为C语言的扩展工具提供了高性能和低资源消耗等功能。
Phalcon PHP是用C语言编写的，可适用于Microsoft Windows、GNU/Linux、Mac OS X等系统，当然你也可以根据自己选择的系统或者其他来源下载一个二进制包。
4. SkelJSskelJS是一款轻量级前端框架，用于创建响应式网站和应用。
它只是一个独立的JS文件（只有18kb），为设计师和开发者提供四个核心组件：CSS Grid System、Responsive Handler、CSS Shortcuts 及Plugin System。
一个前端开发框架其实就是一系列产品化的HTML/CSS/Java组件的集合，我们可以在设计中使用它们。
前端开发框架有很多，其中有一些写得很棒。
为了大家的使用便利，下文列举了目前最强大应用最广泛的几款前端开发框架。
记住，这些框架并不仅仅是CSS 栅格之类的一些东西，它们包括的是整套的前端开发框架。
1BootstrapBoostrap绝对是目前最流行用得最广泛的一款框架。
它是一套优美，直观并且给力的web设计工具包，可以用来开发跨浏览器兼容并且美观大气的页面。
它提供了很多流行的样式简洁的UI组件，栅格系统以及一些常用的Java插件。
Bootstrap是用动态语言LESS写的，主要包括四部分的内容：脚手架——全局样式，响应式的12列栅格布局系统。
记住Bootstrap在默认情况下并不包括响应式布局的功能。
因此，如果你的设计需要实现响应式布局，那么你需要手动开启这项功能。
基础CSS——包括基础的HTML页面要素，比如表格(table)，表单(form)，按钮(button)，以及图片(image)，基础CSS为这些要素提供了优雅，一致的多种样式。
组件——收集了大量可以重用的组件，如下拉菜单（dropdowns），按钮组（button groups），导航面板（navigation control）——包括：tabs,pills,lists标签，面包屑导航（breadcrumbs）以及页码（pagination），缩略图(thumbnails)，进度条（progress bars），媒体对象（media objects）等等。
Java——包括一系列jQuery的插件，这些插件可以实现组件的动态页面效果。
插件主要包括模态窗口（modals），提示效果（tool tips），“泡芙”效果（popovers），滚动监控（scrollspy），旋转木马(carousel)，输入提示(typeahead)，等等。
Bootstrap已经足够强大，能够实现各种形式的Web 界面。
为了更加方便地利用Bootstrap进行开发，很多工具和资源可以用来配合使用，下面列举了其中的一部分工具和资源。
jQuery UI Bootstrap——对于jQuery和Bootstrap爱好者来说这是个非常好的资源，能够把Bootstrap的清爽界面组件引入到jQuery UI中。
jQuery Mobile Bootstrap Theme——和上面提到的jQuery UI主题类似，这是一个为jQuery Mobile建立的主题。
如果你想让用Bootstrap开发的网站在手机端也可以优雅访问，那么这个资源对你来说很方便易用。
Fuel UX——它为Bootstrap添加了一些轻量的Java控件。
Fuel UI 安装，修改，更新以及优化都很简单方便。
——Bootstrap提供了自己的几种界面风格，StyleBootstrap提供了更多的配色选项，并且你可以给每个组件都应用不同的配色。
BootSwatchr ——利用这个工具你可以立刻查看主题修改后的效果。
对于每一次变动的效果，这个应用都会生成一个唯一的URL方便你与他人分享，你也可以在任意时刻修改你的主题。
Bootswatch ——提供大量免费的Bootstrap主题。
Bootsnipp——在线前端框架交互组件制作工具，是一个供给设计师和开发者的基于Bootstrap HTML/CSS/Java 架构的免费元素。
LayoutIt ——通过界面拖放生成器简便快捷地创建基于Bootstrap的前端代码。
通过拖放动作将Bootstrap风格的组件加入到你的个人设计里并且可以方便地修改他们的属性，简单便捷。
2FbootstrappFbootstrapp基于Bootstrap并且提供了跟Facebook iframe apps和设计相同的功能。
包含用于所有标准组件的基本的CSS和HTML，包括排版、表单、按钮、表格、栅格、导航等等，风格与Facebook类似。
3BootMetroBootMetro框架的灵感来自于Metro UI CSS，基于Bootstrap 框架构建，用于创建Windows 8 的Metro风格的网站。
它包括所有Bootstrap的功能，并添加了几个额外的功能，比如页面平铺，应用程序栏等等。
4KickstrapKickstrap是Bootstrap的一个变体。
它基于Bootstrap，并在它的基础上添加了许多app，主题以及附加功能。
这使得这个框架可以单独地用于构建网站，而不需要额外安装什么。
你需要做的仅仅是把它放到你的网站上，然后用就可以了。
App 是一些页面加载完成之后加载运行的Java和CSS打包文件。
默认加载的app有Knockout.js, Retina.js, Firebug Lite, and Updater，你也可以自行添加更多的app。
选择不同的主题可以让你的网站在众多Bootstrap构建的类似网站中显得与众不同。
附加功能是一些用来扩展Bootstrap UI 库的附件，它们的语法基本相同或者相似。
5FoundationFoundation 是一款强大的，功能丰富的并且支持响应式布局的前端开发框架，你可以通过Foundation快速创建原型，利用它所包含的大量布局框架，元素以及最优范例快速创建在各种设备上可以正常运行的网站以及app。
Foundation 在构建的时候秉承移动优先的策略，它拥有大量实用的语义化功能，并且使用Zepto类库来取代jQuery，这样可以带来更好的用户体验，并且提高运行的速度。
Foundation拥有一套12列的灵活可嵌套的网格系统，你可以用它快速创建适应多种浏览设备的布局。
它有很多的功能。
它定义了很多的样式，比如字体排版，按钮，表单，以及多种多样的导航控件。
它也提供了很多的CSS组件，例如操作面板（panels），价格表（price tables），进度条（progress bars），表格（tables）以及可以适应不同设备的可伸缩视频（flex video）。
与此同时，Foundation还包括了很多的Java插件，如下拉菜单（dropdowns），joyride（网站功能引导插件），magellan（网站固定导航插件），orbit（支持触摸的响应式图片轮播插件），reveal（弹出框插件），sections（强大的tab插件）以及tooltips （工具提示）等。
Foundation框架还提供了很多有用的扩展。
模板（Stencils）——Foundation框架中的所有UI元素都有Omnigraffle stencils 以及矢量PDF两种格式的下载，你可以用它们来方便快捷的绘制线框图和原型图。
HTML模板—— HTML模板可以方便地用来快速创建页面布局。
你所要做的仅仅是复制得到模板代码，然后丢到页面的标签之间就好了。
图标字体（Icon Fonts）——包含自定义图标的一种网页字体。
SVG 社交网络图标（Social Icons）——一组不依赖分辨率的社交网络图标（可缩放矢量图标）。
响应式表格——Foundation框架中响应式表格的实现机制是固定表格的左边第一列，然后表格的其他列可以通过滚动条拖拉进行访问。
关闭帆布布局（Off-Canvas Layouts）——这些布局可以允许一些网页内容或者导航控件在移动端设备上默认隐藏，当浏览屏幕变大或者用户进行相应操作的时候这些内容再出现。
当用户进行相关操作的时候，网页内容或者导航控件将会滑动出现。
如你所见，对于web开发者以及设计师来说，Foundation就像是一个巨大的宝藏。
在下载框架的时候，你可以自定义下载框架的内容。
6GroundworkCSSGroundworkCSS 是前端框架家族里面新添的一款小清新框架。
它是基于Sass 和Compass的一个高级响应式的HTML5，CSS以及Java工具包，可以用于快速创建原型并且建立在各种浏览设备上可以正常工作的网站和app。
GroundworkCSS拥有一个灵活，可嵌套的流式网格系统，方便你创建任何布局。
这个框架有很多让人印象深刻的功能，比如在平板以及移动端上的网格系统，当屏幕的宽度小于768或者480像素时，页面中原本并列排版的表格列（grid column）会自动变为独立的行，而不是折叠在一起。
另一个很酷的功能是jQuery 的响应式文本（ResponsiveText）插件，这个插件可以动态调整页面文字的大小以适应浏览设备的屏幕大小。
这个插件对于可伸缩的标题以及创建响应式表格的时候特别有用。
GroundworkCSS包含了大量的UI组件，如tabs、响应式数据表格导航、按钮、表单、响应式导航控件、tiles（一套替代radio按钮以及其他默认表单元素的优雅组件）、工具提示、对话框、Cycle2（一款强大的，响应式的内容滑块）以及其他很多的有用组件。
它还提供了很多矢量社交网络图标以及图标字体。
你可以通过切换页面上方的导航按钮选择不同的浏览设备要来查看这款框架的效果。
通过这种方式，你可以测试在不同的浏览设备上各种组件的响应式布局情况。
GroundworkCSS的文档写的非常好，并且包含着很多的示例，为了让你更快的上手，他还提供了多种响应式的模板。
对于这款框架，唯一我可以想到的缺点就是不能自定义要下载的框架内容。
7GumbyGumby 是一款基于Sass和Compass的简单灵活并且稳定的前端开发框架。
它的流式-固定布局（fluid-fixed layout）可以根据桌面端以及移动设备的分辨率自动优化要呈现的网页内容。
它支持多种网格布局，包括多列混杂的嵌套模式。
Gumby提供两套PSD的模板，方便你在12列和16列的网格系统上进行设计。
Gumby提供了一个功能丰富的UI工具包，包括按钮，表单，移动端导航，tabs，跳转链接（skip links），拨动开关（toggles and switches，可以方便快捷地切换元素的class，而不需要进行额外的js操作），抽屉功能（drawers），响应式图片以及retina图片等等。
为了紧跟最近的设计潮流，Gumby 的UI元素中还包括了Metro风格的扁平化设计，你也可以用Pretty风格的渐变设计，或者按照你的想法糅合两种设计风格。
该框架还提供了一套出众的响应式，拥有独立分辨率的Entypo图标，你可以在自己的web项目中尽情使用。
Gumby有一个很好自定义下载选择器，你可以自行配置各个组件的颜色，并且按自己的需求方便地下载。
8HTML KickStartHTML Kickstart 是一款可以用来方便创建任何布局的集合HTML5，CSS和jQuery的工具包。
