前端技术分享-码匠 极客编程技术分享

切换查看方式:

HTML5新技术 离线缓存

【HTML5学堂 - 工具类文件推荐】断网、断网啦,“攻城狮”拿不到文件了该怎么办?不着急,学习小编今天的这篇文章就可以让你在没有网络的情况下依然可以很好的拿到css、js文件来使用,一起来见证神奇吧~~~

作者:HTML5学堂 阅读量:1952 微博分享

网页图片新格式,WEBP格式图片讲解

【HTML5学堂 - JavaScript行为增强-图片处理】谷歌于2010年推出的新一代图片格式 —— WEBP,随着移动互联网的发展,WEBP格式在2015年逐渐的开始被大公司部分采用。本文主要除了比较WEBP与JPG等传统格式的图片之外,还介绍了如何转换WEBP格式图片以及具体开发时的用法。

作者:HTML5学堂 阅读量:2210 微博分享

Canvas 动画制作的基本方法

【HTML5学堂 - 移动端接口调用及高级知识】Canvas 动画制作。在前面的两篇文章《Canvas 基本绘制(上)》《Canvas 基本绘制(下)》,介绍了Canvas的基本绘制。学过SVG的童鞋应该知道它是可以制作动画,那么Canvas是否能制作动画呢?答案是肯定的。所以今天我们就给大家来介绍一下Canvas制作动画。

作者:HTML5学堂 阅读量:1510 微博分享

HTML5 重力感应 实现手机摇一摇

【HTML5学堂 - 移动端接口调用及高级知识】HTML5 实现手机摇一摇。HTML5新增了一些JavaScript API接口,比如地理定位、重力感应等。今天主要介绍devicemotion事件(设备事件),它提供设备的加速信息,表示为定义在设备上的坐标系。其还提供了设备在坐标系中的自转速率。若可行的话,事件应该提供设备重心处的加速信息。

作者:HTML5学堂 阅读量:3173 微博分享

HTML5 视音频,如何去除全屏中的控制栏

【HTML5学堂 - 移动端接口调用及高级知识】HTML5视音频-解决全屏下出现的控制栏。HTML5可以简简单单的实现视频、音频的播放功能,功能虽好用,但是它的默认样式有点淡淡的忧伤,问题虽存在,解决的办法总是有的,今天我就给大家来分享一下解决视频全屏下出现的控制栏。

作者:HTML5学堂 阅读量:4351 微博分享

Canvas 图像绘制的基本方法(下)

【HTML5学堂 - 移动端接口调用及高级知识】Canvas 基本绘制(下)。在前一篇文章《Canvas 基本绘制(上)》当中,我们为大家介绍了Canvas的基本知识——什么是Canvas、如何使用Canvas进行图像的绘制、Canvas的一些基本方法。在今天的这篇文章当中,我们将为大家介绍Canvas的基本属性、快速路径的绘制方法等。

作者:HTML5学堂 阅读量:901 微博分享

Canvas 图像绘制的基本方法(上)

【HTML5学堂 - 移动端接口调用及高级知识】Canvas 基本绘制(上)。之前的文章与大家分享了SVG的一系列操作,但是SVG也是存在一些劣势,所以今天开始为大家分享介绍HTML5 Canvas的相关知识,Canvas是什么呢?又如何进行Canvas进行图像的绘制呢?在Canvas当中有哪些绘制图形的方法?来看看下面的文章吧。

作者:HTML5学堂 阅读量:1158 微博分享

SVG 动画实现与制作的基本原理与方法

【HTML5学堂 - 移动端接口调用及高级知识】SVG - 动画制作。上一篇文章讲解了SVG的基本属性,大家能够利用SVG的基本属性进行绘制图像,那么如何让绘制好的图像动起来呢?今天要给大家分享的是SVG的动画制作,具体我们来看看下面的内容吧。

作者:HTML5学堂 阅读量:1136 微博分享