HTML5

响应式WEB设计:将导航菜单转换成下拉菜单以适应小屏幕设备

jerry HTML
移动互联网时代的到来,使得我们在进行页面设计与开发时,应当根据用户行为以及设备环境(系统平台、屏幕尺寸)进行相应的响应和调整,这个理念也叫响应式WEB设计。今天我将给大家讲解当屏幕尺寸变小时,将

HTML5+PHP+jQuery手机摇一摇换衣

jerry HTML
在上一篇文章中,我们了使用HTML5可以侦听到手机晃动从而实现摇一摇效果。手机摇一摇可以应用到很多场景中,如摇一摇换抽奖,摇一摇搜歌等。本文我将给大家介绍如何使用HTML5+PHP+jQuery

CSS3响应式导航菜单

jerry HTML
今天我给大家介绍一下如何使用纯CSS来实现的一个响应式导航菜单,我们使用的是HTML5+CSS3技术,当浏览器窗口变小或者使用手机浏览器访问的时候,原本横条菜单会收缩成一个下拉菜单,当鼠标滑向菜

HTML5视频标签video

jerry HTML
现阶段,我们要在网页中嵌入视频的最可靠最常用的办法是使用Flash,通过使用object和embed标签,就可以通过浏览器播放swf,flv等格式视频文件,但是前提是浏览器必须安装第三方插件:A

HTML5响应式可触控的音频播放器

jerry HTML
HTML5的audio提供了音频播放功能,但是原生的播放器样式不怎么好看,而且各浏览器对audio的外观展现不统一。我们可以对audio稍微包装下,便可实现一个响应式的可触控的漂亮的播放器。

使用HTML5的Audio标签打造WEB音频播放器

jerry HTML
目前,WEB页面上没有标准的方式来播放音频文件,大多数的音频文件是使用插件来播放,而众多浏览器都使用了不同的插件。而HTML5的到来,给我们提供了一个标准的方式来播放WEB中的音频文件,用户不再

HTML5获取地理位置定位信息

jerry HTML
HTML5提供了地理位置定位功能(Geolocation API),能确定用户位置,我们可以借助HTML5的该特性开发基于地理位置信息的应用。本文结合实例给大家分享如何使用HTML5,借助百度、

HTML5手机重力与方向感应的应用——摇一摇效果

jerry HTML
HTML5有一个重要特性:DeviceOrientation,它将底层的方向和运动传感器进行了高级封装,它使我们能够很容易的实现重力感应、指南针等有趣的功能。本文将结合实例给大家介绍使用HTML

FileReader:读取本地图片文件并显示

jerry HTML
最近忙得比狗还惨,导致长时间没能更新文章,真心对不住啊。抽空整理了下关于在页面上读取和显示本地图片的实例文章,本文通过实例讲解如何使用支持FileReader浏览器的用户将能够通过一个file

HTML5本地存储

jerry HTML
HTML5本地存储
HTML5带给我们的不仅仅是更多语义丰富的标签,还有更多新特性,比如本地存储。要在客户端保存用户一些数据,我们首选使用cookie,但是cookie最多只能存储4kb,而HTML5的本地存储lo