日期:2011/11/10 来源:GBin1.com
所有的开发人员都应该注意了,你们绝对应该看看这篇文章,帮助你快速创建HTML5/CSS3的开发框架。可能你也看到过其它的框架,但是你应该看看这些框架,因为你以前可能没用过他们中的大部分。 看看最新的实用HTML5和CSS3框架吧!希望你们喜欢!
1. HTML5boilerplate
H5BP
带给你非常漂亮的文档,一个网站优化的编译脚本,还有一个自定义的boilerplate编译器。除此之外,我们还支持lighttd,Google
App Engine和NodeJS以及优化的服务器配置(包括Apache,
Nginx,和IIS),并且已经把boilerplate的大小减少了50%。

源码
演示
2. The M project
跨
平台的手机开发HTML5 javascript框架。特性包括:MVC HTML5,Javascript -
所有的开发周期,离线支持(自动缓存),富客户端UI,本地和远程数据支持并且远程存储,国际化(i18n),开源(MIT
license),基于NodeJS的编译工具(叫做Espresso)。

源码
演示
3. Gravity
一个基于SASS的框架用于创建功能强大的,易于管理的HTML5网站。能够帮助你快速的创建你创意的原型,并且能让你的开发更简单。

源码
演示
4. Popcorn.js
一个HTML5视频的事件框架,提供一个简单的API来同步互动和身临其境的内容。Popcorn.js使用本地本地HTMLMediaElement属性,方法和事件。转化成一个简单实用的API,并且提供了一个插件系统用于方便社区开发。

源码
演示
5. Roots
一个基于HTML5 boilerplate开发的wordpress主题,blueprint CSS(或者 960.gs)和Starkers,能够帮助你快速在创建博客和文字站点。

源码
演示
6. Baker 2.0
一个HTML5 ebook框架用来在ipad和iphone上使用web标准来发布内容。

源码
演示
7. CSS3-action-framework
CSS3的类库用于收集最好的CSS3效果。 现在支持CSS3的浏览器正在增加;CSS3在许多案例都可以像javascript一样使用,提供更好的用户体验

源码
演示
8. 52frarmework
第一个用enavu network开发的HTML5/CSS3框架

源码
演示
9. G5 Framework
基于F布局。特性包括:CSS&SEO,PHP active class, HTML5 placeholder fallback,粘合的页脚,HTML5基线,光滑的滚动到顶端和非常干净的组织。

源码
演示
10. Inuit.CSS
由Harry Roberts创建。这个框架用于使用较少的代码实现稍小的屏幕。支持IE6+。

源码
演示
原文来自:分享10个便利的HTML5/CSS3框架
分享到:
相关推荐
总的来说,“HTML5/CSS3翻转动画(二)”是一个关于如何利用现代Web技术创造动态、交互式用户体验的主题,涵盖了HTML5的新特性与CSS3的动画和转换技术。通过学习这些内容,开发者可以提升网页的视觉吸引力,提高用户...
本项目是一款基于Vue框架开发的雪沫甜品铺HTML/CSS/JavaScript前端源码,包含110个文件,涵盖80个JPG图片、7个JavaScript文件、4个JSON文件、4个Vue组件文件、3个JavaScript映射文件、2个Markdown文件、2个CSS样式...
3. YAML: 这是一个灵活、响应式的CSS框架,适用于创建复杂布局。YAML自带AjaxBuilder,支持可视化开发,使CSS布局的构建更加直观和便捷。 4. Blueprint: blueprint框架提供了一套强大的基础工具,包括网格系统、...
HTML5和CSS3是现代网页开发的核心技术,它们极大地扩展了网页的表现力和功能。HTML5作为HTML的最新版本,引入了许多新的元素、属性和API,旨在提高网页的语义化、可访问性和互动性。CSS3则为样式设计提供了更强大的...
动态网页设计与制作是互联网开发领域中的核心技能之一,它涉及到HTML5、CSS3和JavaScript等关键技术。这些技术的结合使得网页不仅具有丰富的视觉效果,还能实现交互性和动态功能。以下将详细介绍这些知识点: HTML5...
然而,在尤雨溪的演讲中,他分享了一系列方法和技术,通过这些手段,我们可以使用HTML5和CSS3来打造与原生应用相似甚至更佳的用户体验。 #### 二、设计理念转变 ##### 摆脱“这是一个网页”的设计思维 在设计Web...
在本项目中,“H5+CSS3设计的旋转超酷魔方”是一个使用HTML5(H5)和CSS3技术实现的互动效果。这个魔方不仅具有视觉上的吸引力,还带有音乐和动画元素,增加了用户体验的趣味性。下面将详细探讨这个项目所涉及的技术...
- **前端切图&CSS经验分享**:这部分内容涵盖了HTML5+CSS3在实际项目中的具体应用技巧,比如使用`:first-child:last-child`等伪类来解决元素差异问题,以及利用`nth-child(n)`实现斑马条纹效果等。 - **表单支持**:...
该项目为基于Flask框架开发的HTML+CSS相亲网站设计源码,共包含50个文件,涵盖22个HTML文件、5个Python脚本文件、5个CSS样式表文件、4个XML文件、4个Python编译文件、4个资源映射文件、3个图片文件、2个Markdown文件...
新的一周即将开始,在周末的两天里,我们也为这周分享的jQuery插件、HTML5/CSS3应用做了充足的准备。今天我们收集了8款超酷体验的jQuery/CSS3应用插件,并将其源代码打包,一起分享给大家,喜欢的朋友请分享一下。 1...
组件丰富,模块化Amaze UI 含近 20 个 CSS 组件、10 个 JS 组件,更有 17 款包含近 60 个主题的 Widgets,可快速构建界面出色、体验优秀的跨屏页面,大幅度提升你的开发效率。本地化支持相比国外的前端框架,Amaze ...
其中,“轻量级UI框架:一个简洁轻量级的 UI 框架,它提供了最基本的组件和 CSS 样式”指的是Slint,一个特别注重定制化和灵活性的前端框架。 **Slint框架的核心特性** 1. **简洁与轻量**:Slint设计的目标是保持...
最近接了个任务需要用H5在前台两个大电视上做两页数据展示公司的产品数据,效果要高大上,还好之前接触过HTML5,所以第一时间想到就是echarts,这个框架对于数据展示尤其图表类处理的还是非常强大和炫酷的。...
标题中的“div+css 30个通用网站后台管理系统模板源码分享/html4/bootstrap”表明这是一个包含30个不同设计的网站后台管理系统的源代码集合,这些系统模板基于HTML4和Bootstrap框架构建,同时可能利用了CSS(层叠...
- **动画与交互**: CSS3引入了许多新的动画和过渡效果,可以在音乐网站中使用这些特性来增加用户的互动体验。例如,当鼠标悬停在专辑封面时,可以显示简短的歌曲介绍。 - **自定义样式**: CSS还允许开发者使用...
Elements是一款纯净的CSS框架,可以帮助设计师快速高效率的书写css文档。你可以将他理解成一套模板,里面包含了大多数站点中所需要的那些css类。他很小,只有四个文件而已。总共不到6KB。 Elements.css 归纳了...
【描述】中的“漂亮的网页制作模板”暗示了这是一个精心设计的页面布局,适用于展示或分享内容。"我的家乡 html+css模板"表明模板将HTML与CSS结合,提供了一个完整的视觉呈现方案,用于创建具有个人情感色彩的网站,...
在“HTML5_CSS3牙刷动画 模拟真实刷牙效果”这个项目中,开发者利用这两种技术,成功地模拟出了一种逼真的牙刷动画效果,让用户能够通过网页体验到如同真实刷牙一样的互动。 首先,我们来看HTML5在这个动画中的应用...
现在把这个设计免费分享给大家,当然如果大家要定制其他的题目也可以联系我们! 我们的主要职业就是定制设计哈! 下面演示下这个系统 前台也是可以添加学生的 你们可以选择隐藏这个按钮或者开启显示 修改删除也是...
- **前端技术**: 主要使用HTML5、CSS3和JavaScript。 - **编辑工具**: 可使用任意HTML编辑器,例如Dreamweaver、HBuilder、Vscode、Sublime、Webstorm、Text、Notepad++等。 #### 3. 设计特点 - **页面布局**: 采用...