»经典CSS3&HTML5表单，集成滑动条、日历、取色器等常用功能
这是一款非常经典的CSS3&HTML5表单，我之所以称之为经典，是因为在这个表单中集成了不少我们开发中常用的控件，比如Slider滑动条、数字框、日历、取色器、url地址框、email地址框，不像有些CSS3表单，纯粹是外观上比较迷人但功能却不是很丰富。就外观上而言，这个CSS3表单也非常不错，还算大气。 这个CSS3表单主要用到了Webforms2,Modernizr,jQueryUI以...
»HTML5开发之HTML5全屏API详解
我们可以使用Javascript在部分浏览器中实现全屏功能，但是你不要以为HTML5全屏是一件多么神奇的东西，其实也和普通Javascript全屏一样，这里我们只是讨论一下HTML5全屏API的使用方法以及HTML5全屏API的使用技巧，原文如下： 一、说在前面的 其实只是一个新的JavaScriptAPI，让HTML元素可以实现全屏显示。不过，这已经足够让我们兴奋。具体是怎样呢？其实这个从iOS...
»CSS3中动画效果的应用
不少人都已经在用CSS3中的动画了，但很多仅仅用在某个元素的hover上。其实，配合脚本的话，可以做到更多的动画效果，并且可以在很大程度上抛弃各种动画库。 先前一博客《用HTML5代替PPT》中，我的各种动画效果就完全使用了CSS3的动画效果而不再使用jQuery的动画了。 点击查看展示 设置CSS *{ -webkit-transition-duration:.15s; -moz-transi...
»HTML5和CSS3登录页面制作实录
本文详细介绍使用HTML5和CSS3制作一个登录页面的完整过程。 Viewdemo login.html <formid="login"> <h1>LogIn</h1> <fieldsetid="inputs"> <inputid="username"type="text"placeholder="Username"autofocusrequ...
»HTML5视频发展状况
注：这篇报告来自LongTailVideo HTML5已经进入了在线视频市场，这是一件激动人心的事情，同时也对工业开发者提出了挑战。随着HTML5规范和各种浏览器的不断改 变，LongTail Video花费了大量的时间来弄清楚这一技术的本质，并且在各种浏览器以及设备上测试了播放效果，然后针对HTML5播放效果对产品进行了优化。 HTML5视频发展现状一文意在与其他的用户以及开发者分享HTML5所...
»X5内核+HTML5应用：Q立方浏览器预览版
Q立方浏览器是腾讯全新研发的不同于“手机QQ浏览器”的Android手机浏览器，Q立方浏览器搭载了腾讯基于优秀开源Webkit深度优化的“X5内核”，在web/wap页面打开速度、省流量、UI和多窗口交互方式、HTML 5等方面都与现有的手机QQ浏览器有不同之处，1.0预览版已经推出，虽然功能上还并不是很完善，但是可以看到很多新思路的雏形。 Q立方浏览器的初始UI给人的感觉不像一个浏览器，而像一...
»HTML5中容易被攻击的5个“漏洞”
在HTML5迅速崛起的同时，我们也不得不认识到HTML5给我们带来的安全问题，而且是不容小觑的安全问题。本文主要从劫持、跨域请求、桌面通知、地理定位、表单篡改这几个方面来分析了HTML5中不容忽视的几个安全“漏洞”，开发者要时刻警惕。 “虽然，HTML5对加强网站互动性的新功能有着一定的作用和贡献，但是对于不怀好意者，HTML5的“漏洞”更容易成为他们的攻击目标。” 因此，本文会从五个方面介绍HT...
»CSS3 Transition属性的浏览器兼容测试
在《CSS3的Transition属性》一文中，我们具体讲解了关于CSS3的Transition属性的属性值及其用法，今天我们再来学习一下关于CSS3的Transition属性在各个浏览器的兼容情况。 由于CSS3在国内还不是很流行，所以国内的大部分浏览基本上都不支持CSS3，而且短时间内也没有大面积支持的势头；虽然CSS3在国际上的盛行 度很大，各大浏览器厂商也正在努力的更新他们的浏览器，以求跟...
»HTML5 3D斯诺克桌球在线游戏及源码下载
想必很多朋友都玩过QQ桌球游戏，如果你对斯诺克规则有一定的了解，那么你一定会对本文分享的HTML53D斯诺克桌球游戏感兴趣，因为那实在是太帅了。 之前，在王国峰的博客中有一篇译文对这个HTML5斯诺克桌球游戏的开发过程有一个非常详细精彩的解说，想学习HTML5知识的朋友可以去看原文HTML5斯诺克桌球俱乐部【译】。 当然，如果你只想体验一把HTML5斯诺克桌球游戏，那么你只需要使用chrome浏...
»CSS3中的Transition属性详解
W3C标准中对CSS3的transition这是样描述的:“CSS的transition允许CSS的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值。” 下面我们从最简单的语法和属性值开始一步一步来学习transition的具体使用： 语法： transition：[<'transition-prope...
»利用HTML5 Canvas做在线图像处理
HTML5中的canvas元素是相当强大的，利用他的getImageData方法可以对载入的图像直接进行位图操作。但是直接对位图进行操作比较麻烦，如果利用卷积矩阵这个工具的话，可以通过几个简单的参数实现复杂的效果。 所谓的矩阵的卷积，就是如下图显示的那样，当计算红色框中的数值的时候，分别先提取周围绿框中8个数字，然后与施加的那个矩阵中对应位置相乘，然后把各个乘积加在一起，就得到了最终的值了。 比...
»3款漂亮的CSS3 Loading动画实例教程
本文译自CSS3LoadingAnimation，由HTML5中文网站提供翻译，转载请注明出处。 Hello，亲们，这次让我来带着大家去创建3个非常漂亮的CSS3Loading动画吧。我没记错的话这个CSS3Loading动画只能运行在firefox、chrome和safari浏览器上，你还在等什么，赶紧往下看吧！ VIEWDEMO 第1个CSS3Loading动画例子 HTML 第1个例子...
»《Cut The Rope》 HTML 5版背后的开发故事
之前有一篇文章介绍了CutTheRope割绳子游戏，非常棒。 译者注：CuttheRope 是一款人见人爱的小游戏。有一个开发团队将它改造成了HTML5版本。想看看他们在改造过程中的经验之谈吗？那就看下面由开发人员自己写的文章吧~ 启示 在IE9中作为一个HTML5应用来运行，从原始的iOS源码改写而来。 CuttheRope 是一款人见人爱的小游戏。所以我们有了个点子，即通...
»浅谈CSS3 Filter的10种特效
必须要说明的是，这里的CSS3Filter与我们所熟悉的CSSFilter是完全不同的两个概念，也不是我们所熟悉的IE滤镜，它是指通过CSS或SVG渲染元素概念可以描述的元素，包括它的子元素。 关于CSS3Filter的具体解释您可以参考《FilterEffects1.0》这篇文章。 接下来我们就开始探讨如何使用CSS3Filter实现我们想要的效果。 首先，我们介绍一下Filters的使用：Fi...
»HTML5太空战机在线游戏及源码下载
今天在国外网站上闲逛时，突然发现一个HTML5战机游戏，看着效果图还挺不错就点了进去看看，哈哈，的确很好，场景逼真，有声有色，这飞机开的， 酷死了。当然作为Web开发人员，这么好的东西，总是有种深入了解的冲动，于是花了半天的时间将其源代码整理了一番，并将原来页面上的广告什么的都去掉 了，只剩下这个游戏。现在将本人今天的成果献给大家，当然也感谢游戏的作者http://dougx.net/plunde...