随笔分类 - HTML5
HTML5语言
摘要:在过去的几年,设计师们已开始关注和使用 HTML5 了,如今 HTML5 得到了更加广泛的应用。虽然说 HTML5 取代 Flash 还为时尚早,但 HTML5 将逐渐成为 Web 舞台的主角。今天,本文向大家推荐30个应用HTML5的网站案例,感受一下 HTML5 的魅力。
阅读全文
摘要:如今,HTML5 可谓如众星捧月一般,受到许多业内巨头的青睐。很多Web开发者也尝试着用 HTML 5 来制作各种各样的富 Web 应用。HTML 5 规范引进了很多新特性,其中最令人期待的之一就是 Canvas 元素。HTML 5 Canvas 提供了通过 JavaScript 绘制图形的方法,非常强大。今天,本文收集了一些非常好的基于 HTML 5 Canvas 的图表方案推荐给大家。
阅读全文
摘要:Google的 Chrome实验室 收集了很多让人难以置信的基于 HTML5 Canvas 和 JavaScript 的实验项目,里面的例子都很独特,让人惊叹。我从未想过结合 HTML 和 JavaScript 能实现这么神奇的效果。今天,本文与大家分享其中9个很棒的例子,为了有更好的效果,建议使用Chrome浏览器浏览。
阅读全文
摘要:现在,越来越多的人尝试用 HTML5 来制作网页游戏等丰富的 Web 应用。上次向大家推荐了21款最佳 HTML5 网页游戏,今天要与大家分享的是另外25款基于 HTML5 Canvas 开发的网页游戏,相信体验了这些游戏之后,大家都会觉得 HTML5 很好很强大。
阅读全文
摘要:尽管 HTML5 的完全实现还有很长的路要走,但 HTML5 正在改变 Web,未来 HTML5 将把 Web 带入一个更加成熟和开放的应用平台。现在,越来越多的人尝试用 HTML5 来制作网页游戏等丰富的 Web 应用。今天要与大家分享的是 21 款基于 HTML5 的游戏,让大家体验一下 HTML5 的强大。
阅读全文
摘要:当下掀起一股HTML5学习热潮,越来越多的人尝试用HTML5来制作网页游戏等丰富的Web应用。尽管HTML5的完全实现还有很长的路要走,但HTML5正在改变Web,未来HTML5将把Web带入一个更加成熟和开放的应用平台。为了方便大家学习HTML5 ,本文向大家推荐十个非常好的学习HTML5的网站。
阅读全文
摘要:HTML 5 是近十年来 Web 标准最巨大的飞跃。和以前的版本不同,HTML 5 并非仅仅用来表示 Web 内容,它的使命是将 Web 带入一个成熟的应用平台,在这个平台上,视频,音频,图象,动画,以及同电脑的交互都被标准化。尽管 HTML 5 的实现还有很长的路要走,但 HTML 5 正在改变 Web。为了方便大家学习HTML 5 ,本文与大家分享几份 HTML 5 标签、属性、事件及浏览器兼容性速查表。
阅读全文
摘要:我们知道,素描是设计师工作流程中的一个重要方面。本文收集了一些借助JavaScript和HTML5 Canvas开发的素描工具,这些工具表明,HTML5的确是一个令人兴奋的标记语言。如果你发现了新的基于HTML5 Canvas开发的工具,欢迎在这里与大家分享。
阅读全文
摘要:十天前,W3C发布了HTML5的Logo,不过WHATWG随后宣布取消HTML5的版本号,取而代之的是一个活的HTML标准,这个标准会随着新技术的发展而不断更新。其实大家叫HTML5都叫习惯了,我们还是继续叫HTML5好了,只是这个名称的含义仅是用来指最新的HTML技术而已。下面的例子充分展现了HTML5的优越性,希望你能喜欢,更多更精彩的应用正等着大家去实现 :)
阅读全文
摘要:在2009年的时候,我们宣布HTML5规范制定已经接近尾声了,原先计划的时间是今年完成草案并在2012正式发布。然而,不久之后我们认识到人们对增加HTML新功能的需求一直高涨,因此在可以真正称它为HTML5之前,我们仍然称作HTML并继续增加新的功能,我们将转移到一个新的发展模式,HTML将不再带有版本号,而是一个活的标准,随着技术的发展而不断更新。
阅读全文
摘要:2010 Web前端技术的一些趋势。总的来说,随着后端技术(存储,并发,分布式)的成熟,各大公司已经把重点从后端架构调整/建设转移至前端(TTI时间,快速发布,带宽利用率)。但作为明星技术的HTML5/CSS3,都未正式成为各公司的考虑重心,虽有所尝试,但在关键功能上,均未成为主力。
阅读全文
摘要:其实这篇文章不是这里的,只是,后台很傻B地进不了了。也不知道是什么乱七八糟的问题。先写在这里,当做这么久没更新的偷懒好了。(而且,挑出来的这些都是精华呢!),大家各取所需吧:1. 默认Web字体样式 & 再谈 Web 默认字体这两篇文章是要联一起看的,总的来说,前者的精华在两句话(行高:1.5倍中的第2点和第3点),而玉伯的文章,在秦歌的文章后看,相信可以让你更好地知道如何选择排版中的字体。2. jquery、prototype、mootools、YUI的继承的实现继承、原型,两个难搞的东西,看看这些天才们是怎么来解决的。看看作者的理解和你的理解是不是一致的。3. Pixel Perfect
阅读全文
摘要:HTML5 的 Canvas 对象将改变 JavaScript 的使命,使之成为 HTML5 下强大的动画脚本编写工具。本文介绍了 8 个你从未见过的,基于 HTML5 Canvas 和 JavaScript 的动画,这些令人难以置信的效果将使你对 HTML5 彻底折服。需要指出的是,这些都是浏览器的原生动画,无需任何插件。Tunnelers纯 JavaScript + HTML5 Canvas 生成的交互动画,难以置信。The Mesmerizer在格子中移动鼠标,颜色随着改变并扩散到周围的格子,很迷幻。用鼠标点四角的格子,或按键盘,可以看到更奇妙的效果。Burn在页面上移动鼠标,或按下鼠标
阅读全文
摘要:Web 设计与开发师的一个重要工作环节是跨浏览器测试,谁让我们生活在这个既幸福又痛苦的时代,有那么多浏览器摆在我们面前,还有那个噩梦般总也摆脱不掉的 IE6。本文讲述了与跨浏览器测试有关的各种问题与知识,包括渲染,平台,设备以及 JavaScript 引擎。梦幻五组合IE 独霸天下的那些日子,Web 设计师不时陷入 IE 同它竞争者的口水战,然而,当一些新的,注重 Web 标准的浏览器出现时,事情...
阅读全文
摘要:盒子模型(Box Model)是 CSS 的核心,现代 Web 布局设计简单说就是一堆盒子的排列与嵌套,掌握了盒子模型与它们的摆放控制,会发现再复杂的页面也不过如此,然而,任何美好的事物都有缺憾,盒子模型有两种不同的诠释,一种来自 IE6,一种来自 W3C 标准浏览器。盒子模型下图就是一个典型的盒子模型示意图在内容区外面,依次围绕着 padding 区,border 区,margin 区,这一模型结构在所有主流浏览器都是一致的。通过盒子模型,我们可以为我们的内容设置边界,留白以及边距,盒子模型最典型的应用是这样:我们有一段内容,可以为这段内容设置一个边框,为了让内容不至于紧挨着边框,可以设置
阅读全文
摘要:如今,HTML5 可谓如众星捧月一般,受到许多业内巨头的青睐。且不说谷歌、苹果等业内巨头把它描绘为互联网体验的未来,即便是以不服从标准著称的微软,也向它频频示好, 决心在 Internet Explorer 9 中加入对 HTML5 的大量支持。然而,HTML5的路途真的将一帆风顺么?本文将列举了一些在HTML5发展和普及过程中需要解决的问题。 什么是HTML5? 根据维基百科上的解释,H...
阅读全文
摘要:庶几何时,HTML5 开始吸引越来越多的人的目光,尽管 W3C 表示,它的最终成熟还有很长的路,然而并不能阻止人们对它的期待。2007年,HTML5 向 W3C 标准进军,HTML5 的使命是实现富 Web 应用的本地化,脱离浏览器插件的羁绊。W3C 于 2008 年 1 月 推出 HTML5 的第一份草案,而 HTML5 标准的全部实现也许要到 2022年以后。什么是 HTML5HTML5 是继 HTML4.01, XHTML 1.0 和 DOM 2 HTML 后的又一个重要版本,旨在消除富 Internet 程序(RIA)对 Flash, Silverlight, JavaFX 一类浏览器
阅读全文
摘要:支持 CSS3 和 HTML5 的浏览器越来越多,甚至包括最新版的 IE,当然,所谓支持仅仅是部分支持,因为 CSS3 和 HTML5 的W3C 规范都尚未形成。如果你现在就希望使用 CSS3 和 HTML5 创建你的站点,至少要对各个浏览器对这两种新技术的支持情况有一个全面了解。 需要指出的是,即使同一个浏览器的同一个版本,在 Mac 和 Windows 两个平台,它们对 CSS3 和 HTML5 的支持也并不一致。本文是一份 Chrome, Safari, Firefox, Opera, IE 5 大浏览器,在 Mac 和 Windows 两个平台,对 CSS3 和 HTML5 各种功能.
阅读全文
摘要:Cheat Sheet 一词在中文中并没有很贴切的对译,大概是考试作弊条一类的东西,这要求 Cheat Sheet 必须短小精悍又覆盖广泛,作为 Web 开发与设计师,免不了在工作时查询大量资料,某个 Web 色值,某个 JavaScript 库的核心语法,这类资料如果攒齐了,怕有半间屋子那么多,如果用 Cheet Sheet 也许几十页纸就够了,本文收集了近百份用于 Web 开发与设计的 Cheet Sheet,你会发现他们非常实用。HTML, XHTML, CSS2CSS2 Cheat Sheet 不仅是一份完整的 CSS2 速查手册,还让你了解每个属性该怎么用。预览 | 下载 (PDF)
阅读全文