资讯频道 → Web前端
阅读更多

3顶
0踩

Web前端

翻译新闻 10个便利的HTML5/CSS3框架推荐

2011-11-11 18:04 by 资深记者 jjfat 评论(6) 有11513人浏览
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效果。

 

 

源码 / 演示

 

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+。

 

 

源码 / 演示

 

 

英文原文：http://www.jquery4u.com/dynamic-css-2/10-handy-html5-css3-frameworks/

 

 

3
顶
0
踩
评论 共 6 条 请登录后发表评论
6 楼 xiongxiongxion 2011-11-14 09:30
为什么都是国外的？哎！
5 楼 witcheryne 2011-11-12 22:02
aixinnature 写道
Macrow 写道
再推荐一个twitter的bootstrap，现在的人气是相当的高！

兄弟推荐的这个真不错！

最近打算用
4 楼 aixinnature 2011-11-12 11:29
在IE6里试了一下，这个bootstrap框架已经完全把ie6抛弃了
3 楼 aixinnature 2011-11-12 11:05
Macrow 写道
再推荐一个twitter的bootstrap，现在的人气是相当的高！

兄弟推荐的这个真不错！
2 楼 Macrow 2011-11-12 09:38
再推荐一个twitter的bootstrap，现在的人气是相当的高！
1 楼 mvpzhoulong 2011-11-12 09:33
各种花俏

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • html css前端框架,14个最佳的HTML/CSS设计和开发框架

    它需要HTML和CSS框架的完美结合。这些框架不仅可以为设计方案增加特定的功能，还可以大大地节省时间和精力。高效的框架不仅是网站设计的基础，它提供的各种丰富多彩的功能，还提高整体的功能和性能。一个网站的外观...

  • 1. HTML5+CSS3

    HTML5+CSS3 W3C： 制定网页开发的标准，以使同一个网页在不同浏览器中有相同的效果。 W3C标准： 结构：HTML用于描述页面的结构 表现：CSS用于控制页面中元素的样式 行为：JavaScript用于响应用户的操作 一、...

  • 设计很好的html页面,分享15个最佳的HTML/CSS设计和开发框架

    它需要HTML和CSS框架的完美结合。这些框架不仅可以为设计方案增加特定的功能，还可以大大地节省时间和精力。高效的框架不仅是网站设计的基础，它提供的各种丰富多彩的功能，还提高整体的功能和性能。一个网站的外观...

  • 最好的 HTML5/CSS3 演示（PPT）框架

    随着互联网与信息技术的发展，人际之间的资源分享、观点碰撞越来越频繁。...因此，基于web的内容展示应用需求激增，在此背景下，基于html5+css3的演示框架日渐流行。今天，我们就来给大家推荐几个流行的项目。

  • 6个最好的 HTML5/CSS3 演示（PPT）框架

    基于jquery+html5实现进度条加载特效

  • HTML5+CSS3+Javascript实现的网页设计期末大作业——高级感拉满

    HTML5+CSS3+Javascrpit实现的期末网页设计期末大作业，高级感拉满

  • 通过实例深入理解HTML5/CSS3/SVG/WebGL的技术本质

    常常听到人们对于HTML5的讨论，看了页面头部这个那个就是HTML5，误认为HTML5只是新增些标签“而已”，学完了速查手册似乎就理解了。实际上很多从业人员并没有深入理解业界为什么要推出HTML5系列技术标准，为什么...

  • HTML5+CSS3+JS制作动态背景登录界面

    目录 第一步：编写HTML框架 第二步：设置css样式表 第三步：编写js代码 第一步：编写框架 1.分别新建html,css和js文档后，将css和js分别链接至html中。 2.编写html基本框架。 效果可参照示例图一 动态的登陆背景 ...

  • HTML5+CSS3制作底部导航栏

    目录 前言 一、底部导航栏示例图 二、HTML框架 1.一号盒子 2.二号盒子 ...在日常的网上冲浪中，我们常常在网页最底部，...由图1可知，该部分由两个个盒子划分，我们先搭建一号盒子的框架，这里我们用，<dl>...

  • 15个最佳的HTML/CSS设计和开发框架

    它需要HTML和CSS框架的完美结合。这些框架不仅可以为设计方案增加特定的功能，还可以大大地节省时间和精力。 高效的框架不仅是网站设计的基础，它提供的各种丰富多彩的功能，还提高整体的功能和性能。一个网站的外观...

  • HTML5+CSS3:构建简易的web页面

      记录一下一个比较常见而且简易的web页面的制作，最终效果图如下： 制作头部标题：   在body部分加入如下HTML5代码： <div class="header"> <h1>头部区域</h1> </div> ...

  • html5+css实现一个简单的网页用户中心效果/案例演示

    1.打开Dreamweaver2021新建一个html5格式文档，并设置title 2.在新建的的文档里利用html搭建起整体框架结构 3.搭建完整体的结构之后引入对应的图文内容 4.最后嵌入式的方式引入css样式设计效果 最后...

  • HTML+CSS+JS网页设计期末课程大作业 web前端开发技术 web课程设计 网页规划与设计

    此次课程设计的题目是网页规划与设计(html+css+js+image+video+audio)确定每个页面将使用的页面布局技术（如结合使用CSS及表格、DIV、框架等技术），完成各页面的布局设计。 工具： EditPlus 一、网页效果（模仿游戏...

  • 项目实战（一）HTML5+CSS3+JS完成前端网站的制作

    制作首页HTML框架： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta name="X-UA-...

  • HTML5+CSS3期末考试大题

    1.制作一个文件上传效果 code： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>file</title&...

  • 【原创作品】html5+css3+js+bootstrap实现响应式Web前端科技商城网站(包含多个页面)

    曾经，我也是一个设计并写页面的纯前端媛，学着学着渐入偏锋，专业的缘故，入坑了后端，已经很久没有这样纯写前端静态网页了，这个是我大二写的静态页面，实现的是一个科技企业网站，包含主页及二级页面多个页面，...

  • 8款最新超酷HTML5/CSS3特效及源码

    这次我们整理了8款最新的HTML5/CSS3特效及源码，这些特效包括HTML5文字特效、HTML5焦点图特效、CSS3/HTML5进度条特效等类型，一起来看看吧。1、CSS3/jQuery全屏立体焦点图 时尚大气jQuery是一个非常流行的Javascript...

  • 10个顶级的CSS UI开源框架

    随着CSS3和HTML5的流行，我们的WEB页面不仅需要更人性化的设计理念，而且需要更酷的页面特效和用户体验。作为开发者，我们需要了解一些宝贵的CSS UI开源框架资源，它们可以帮助我们更快更好地实现一些现代化的界面，...

  • 【前端面试】HTML5+CSS3初级面试3

    3）方法三： @import url("style.css") screen; 4）方法四： @import url("style.css"); 5）方法五： @media screen{ selector{rules} } 当然，这几种方法各有利弊，而我们常用的是第一种和最后

  • 2021前端面试经常被问到Javascript+HTML5+CSS+框架问题（89篇资料总结）

    今天给大家分享89篇【前端】精选学习资料，其中不仅详细讲解了Javascript、HTML5、CSS、前端框架等知识点，也同样包含了大量各大厂的面试原题。同时还有6本学习前端必读好书，扫码即可获取，限额100名！ 同时，对于...

Global site tag (gtag.js) - Google Analytics