投稿赚佣金 
升级SVIP
移动端解决悬浮层（悬浮header、footer）会遮挡住内容的3种方法
在现在的前端页面中，尤其是移动端，经常会需要将或者是模块悬浮出来，跟随页面的滑动保持定位在页面的最上方或者是最下方，如下图所示。“回复主题”模块，就是跟随页面的浮动一直悬浮在页面的最下
微信浏览器取消缓存的方法
做微信公众号和调试手机页面的时候，避免不了页面要跳转到微信浏览器打开，调试阶段，android版微信浏览器一直都默认缓存html静态资源，每次静态资源变化甚至新内容发布的时候在微信浏览器上都极有可能不能更新，很多时候要清理微信缓存才能看到效
HTML5 Canvas之测试浏览器是否支持Canvas的方法
本文翻译自Steve Fulton & Jeff Fulton HTML5 Canvas, Chapter 1, “Testing to See Whether the Browser Supports Canvas&rdquo
HTML页面中添加Canvas标签示例
在HTML页面的中，可以用像下面的代码来添加标签：复制代码代码如下: Your browser does not s
HTML5 Canvas绘制圆点虚线实例
HTML5 Canvas 提供了很多图形绘制的函数，但是很可惜，Canvas API只提供了画实线的函数(lineTo)，却并未提供画虚线的方法。这样的设计有时会带来很大的不便，《JavaScript权威指南》的作者David Flanag
利用纯html5绘制出来的一款非常漂亮的时钟
今天给大家分享一款非常漂亮的纯html5实现的时钟。整个界面都由html5绘制而成。一起看下效果图： 实现的代码。 htm代码：XML/HTML Code复制内容到剪贴板
HTML5学习笔记之History API
一，开篇分析好了，废话不多说，直接进入今天的主题，今天主要讲的是“History API”及在单页应用中的作用，并且会引入一个实际的例子做为讲解的原型范例，先来看看“History API”：
浅谈html5 响应式布局
一、什么是响应式布局? 响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。 这个概念是为解决移动互联网浏览而诞生的。
html5中 media（播放器）的api使用指南
直接奉上示例代码，废话就不多说了。复制代码代码如下: HTML Audio API
html5实现完美兼容各大浏览器的播放器
歌曲播放我们会发现他的兼容性不是很好，譬如IE上能播放的flash播放器，再firfox或者chrome上就不是很好的应用了，因为有插件的阻碍!HTML5的出现让这一切成为了可能，但是播放器虽然播放了，我们还要关注一下用户的体验度，所以，我
HTML5制作酷炫音频播放器插件图文教程
上图便是这个音频播放器的UI界面图，里面还隐藏了一个歌曲的播放列表。整个播放器的UI除了大背景的人像图和歌曲的星星评分使用了图片其他全部由CSS和font-face绘制而成，看上去有难度的地方就只有CD和打碟器的制作了，在歌曲播放时CD和打
HTML5 Canvas中使用路径描画二阶、三阶贝塞尔曲线
在HTML5 Canvas中，可以用以下方法描画三阶和二阶的贝塞尔曲线：复制代码代码如下:context.bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y)context.quadraticCurveTo
HTML5 Canvas中使用用路径描画圆弧
本文翻译自Steve Fulton & Jeff Fulton HTML5 Canvas, Chapter 2, “Advanced Path Methods, Arcs”在Canvas绘图中，“圆弧&r
HTML5 Canvas中绘制矩形实例
本文翻译自Steve Fulton & Jeff Fulton HTML5 Canvas, Chapter 2, “The Basic Rectangle Shape”.让我们来看一下Canvas内置的简单几何图形
使用HTML5的Notification API制作web通知的教程
在使用网页版Gmail的时候，每当收到新邮件，屏幕的右下方都会弹出相应的提示框。借助HTML5提供的Notification API，我们也可以轻松实现这样的功能。确保浏览器支持如果你在特定版本的浏览器上进行开发，那么我建议你先到 cani
HTML5 Convas APIs方法详解
☆ canvas.getContext('2d')不可在convas中直接绘图，必须用该方法获得其二维空间绘图上 下文。☆ context.beginPath()表示开始新的路径绘制。☆ context.isPointInPath(x, y
HTML5 Canvas中绘制椭圆的4种方法
概述HTML5中的Canvas并没有直接提供绘制椭圆的方法，下面是对几种绘制方法的总结。各种方法各有优缺，视情况选用。各方法的参数相同：1.context为Canvas的2D绘图环境对象，2.x为椭圆中心横坐标，3.y为椭圆中心纵坐标，4.
HTML5 Video标签的属性、方法和事件汇总介绍
前段时间写了一个基于html5 video的视频播放器，从起初的对其不了解，然后到能够写一个基本完善的自定义播放器。在这个过程中，对video标签的属性，方法，事件有了个全面的认识。下面分类列出来一下。标签的属性复制代码代码如
HTML5 video标签（播放器）学习笔记（一）:使用入门
近有在学习html5中video标签（播放器）的使用，这里做一些学习笔记，方便自己查阅和记录，本文是第一篇，将介绍的是使用该标签初始化该做的哪些工作。网上的教程其实也不少了 w3cschool里面的最为简单而详细，那么这几介绍的是一些更为直
HTML5 video标签（播放器）学习笔记（二）:播放控制
上一篇介绍了html5标签video（播放器）初始化需要做的一些工作，如何简单快速使用html5的播放器，本文将重点介绍如何用JS来操作video标签，也就是如何对video做一些简单基本的操作，包括了播放器的播放、暂停，音量的读取、设置等
