Tag: HTML5

足足8年啊!HTML5标准终于完工了

足足8年啊!HTML5标准终于完工了
万维网联盟(W3C)今天泪流满面地宣布,经过几乎 8 年的艰辛努力,HTML5 标准规范终于最终制定完成了,并已公开发布。 在此之前的几年时间里,已经有很多开发者陆续使用了 HTML5 的部分技术,Firefox、Google Chrome、Opera、Safari 4+、Internet Explorer 9+ 都已支持 HTML5,但直到今天,我们才看到“正式版”。 HTML5 将会取代 1999 年制定的 HTML 4.01、XHTML 1.0 标准,以期能在互联网应用迅速发展的时候,使网络标准达到符合当代的网络需求,为桌面和移动平台带来无缝衔接的丰富内容。 W3C CEO Jeff Jaffe 博士表示:.....
阅读全文

使用Chrome模拟手机浏览器测试移动端站点

使用Chrome模拟手机浏览器测试移动端站点
想必很多开发者写的手机访问网站想在不同型号的手机查看效果吧,Google的Chrome浏览器可以满足你,在Chrome 32和33版本以后增加了便捷的方法,在开发者工具中只需要设置一下就能方便的模拟各种手机型号的访问效果了。 一、通过【菜单→工具→开发者工具|Javascript控制台】或【快捷键Ctrl+Shift+I|J】或者直接F12 打开Chrome控制台   二、点击控制台上右上角的手机图标来启用模拟器: 三、通过【Emulation→Device→Model】选择你想要模拟的设备并且可以设置不同尺寸: 四、全屏查看的技巧使开发者控制台与浏览器分开.....
阅读全文

用 CSS3 和 JavaScript 制作径向动画菜单

今天,让我们来看看:如何使用CSS3和JavaScript轻松地实现一个简单的径向动画菜单。 看看下面的演示,点击按钮,弹出径向菜单。 上面的codepen示例呈现了代码,那么我们来介绍其中的一些细节。 HTML 我们看看HTML。我们使用HTML5的nav元素,包含一些链接元素和激活径向菜单的按钮。 [code lang="HTML"] <nav class="circular-menu"> <div class="circle"> <a href="" class="fa fa-home fa-2x"></a> <a href="" class=&.....
阅读全文

Web 开发中很实用的10个效果【源码下载】

Web 开发中很实用的10个效果【源码下载】
在工作中,我们可能会用到各种交互效果。而这些效果在平常翻看文章的时候碰到很多,但是一时半会又想不起来在哪,所以养成知识整理的习惯是很有必要的。这篇文章给大家推荐10个在 Web 开发中很有用的效果,记得收藏! 超炫的页面切换动画效果 今天我们想与大家分享一组创意的页面切换熊效果集合。我们已经在示例中罗列了一组动画,可以被应用到页面切换过程中,创造出很有趣的导航效果。 源码下载      在线演示 美!视差滚动在图片滑块中的应用 视差滚动(Parallax Scrolling)已经被广泛应用于网页设计中,这种技术能够让.....
阅读全文

超酷体验 绚丽的jQuery和CSS3应用插件

超酷体验 绚丽的jQuery和CSS3应用插件
今天我们收集了8款来自html5tricks超酷体验的jQuery/CSS3应用插件,并将其源代码打包,一起分享给大家,喜欢的朋友请分享一下。   1、jQuery/CSS3实现Android Dock菜单效果 这是一款基于jQuery和CSS3的Android Dock菜单效果,点击底部的按钮即可让应用图标浮动上来,并且按钮也出现3D的翻转效果。jQuery是一款应用十分广泛的javascript类库,很多前端开发者都十分青睐jQuery框架。 在线演示        源码下载   2、CSS3彩色进度条 按百分比显示不同颜色 这是一款很不错的CSS3进度条应用,这款CSS3进度条和普通的不一样.....
阅读全文

超级惊艳 10款HTML5动画特效推荐

超级惊艳 10款HTML5动画特效推荐
今天我们要来推荐10款超级惊艳的HTML5动画特效,有一些是基于CSS3和jQuery的,比较实用,特别是前几个HTML5动画,简直酷毙了,现在将它们分享给大家,也许你能用到这些HTML5动画和jQuery应用。 1、HTML5 Canvas发光Loading动画 之前我们分享过很多基于CSS3的Loading动画效果,相信大家都很喜欢。今天我们要来分享一款基于HTML5 Canvas的发光Loading加载动画特效。Loading旋转图标是在canvas画布上绘制的,整个loading动画是发光3D的视觉效果,HTML5非常强大。 在线演示        源码下载 2、jQuery球状放大镜特效插件 今天.....
阅读全文

9款最新炫酷HTML5/CSS3应用推荐

9款最新炫酷HTML5/CSS3应用推荐
HTML5的强大之处我们已经体验过很多了,包括HTML5游戏、HTML5视频,另外结合CSS3,也能创造更多炫酷的动画特效和实用应用。今天我们要分享9款最新的炫酷HTML5/CSS3应用。如果你喜欢,赶紧分享给你的朋友吧。 1、HTML5 webkit 3D立方体图片旋转滑块应用 今天再来分享一款HTML5 3D立方体动画,这个只是一个3D效果模型,你可以用图片替换演示中的立方体4个面,这样就可以将这款HTML5立方体旋转动画改造成HTML5 3D焦点图了,由于是基于webkit的,所以有浏览器限制,Google Chrome最佳。 在线演示        源码下载 2、HTML5/CSS.....
阅读全文