Html5
潘敬
这个作者很懒,什么都没留下…
展开
-
多设备的Web布局模式
通过灵活的栅格和Media Queris,响应式Web设计能够让页面布局适应不同的屏幕尺寸。随着越来越多的设计师采用这个技术,我们不仅看到很多的创新,还看到了一些成形的模式。下面我列出了一些比较热门的适应多设备的布局模式。最灵活的(Mostly Fluid)最受欢迎的模式或者就是这种最简单的方式:在更大屏幕使用更大margin的多列布局,依赖于灵活的栅格和图片,在小屏幕中某转载 2013-04-25 23:17:37 · 1089 阅读 · 0 评论 -
国内HTML5前端开发框架汇总
国外很有多优秀的HTML5前端开发框架相信大家都耳熟能详:JQuery Mobile,Twitter Bootstrap, Schena Touch, BackBone等等。同样,也存在很多国内比较优秀的前端开发框架,其中中国互联网三巨头贡献了近一半:腾讯,阿里巴巴,百度。框架不是万能的,选择和项目匹配的框架可以显著提高开发效率,但是也有可能带来代码的臃肿,本着“write le转载 2013-04-27 17:57:01 · 989 阅读 · 0 评论 -
javascript+jquery+jqueryUI 模仿window窗体
/** * @author Pan * @param #选取id * @param .选取class 返回array * @param 不加标识默认返回class第一个 */function $$(name){ if (name.indexOf('#') == 0) { var str = name.replace('#', ''); retu原创 2013-04-29 04:19:27 · 1776 阅读 · 0 评论 -
HTML 5 Web Socket:下一次Web通信革命揭幕
最近关于HTML 5 Web Socket的流言已经满天飞,它通过Web上的一个单一Socket定义了一个全双工通信信道,HTML 5 Web Socket并不是普通HTTP通信的增强版,它代表着一个巨大的进步,特别是针对实时的、事件驱动的Web应用程序。 Google的工程师Ian Hickson说“数据的字节数急剧减少到2字节,延迟从150毫秒减少到50毫秒,实际上,这两个因素已经足以引原创 2013-05-09 23:23:13 · 1894 阅读 · 0 评论 -
html5 audio 标签使用
w3c 例子:http://www.w3school.com.cn/html5/html_5_audio.aspHTML5 提供了播放音频的标准。Web 上的音频直到现在,仍然不存在一项旨在网页上播放音频的标准。今天,大多数音频是通过插件(比如 Flash)来播放的。然而,并非所有浏览器都拥有同样的插件。HTML5 规定了一种通过 audio 元素来包含音频的标准方原创 2013-05-28 23:14:40 · 1316 阅读 · 0 评论 -
html5 音乐播放器 audio 标签用法
标签属性:src:音乐的URLpreload:预加载autoplay:自动播放loop:循环播放controls:浏览器自带的控制条1 http://www.abc.com/test.mp3"controls> 标签属性:src:视频的URLposter:视频封面,没有播放时显示的图片preload:预加载autoplay:自动播放loop:循环播放controls:浏览器原创 2013-05-29 18:43:01 · 2774 阅读 · 0 评论 -
响应式布局原理
原来一直觉得响应式布局很神秘需要用js来进行实现。今天无意中发现了一篇文章,一切都那么容易了~ 就用了个媒体查询 来判断屏幕的大小,根据屏幕的大小来使用相应的样式。目前已经越来越多的站点以及wap站点使用响应式设计,因为大屏幕的移动设备越来越普及。而自适应布局已经无法胜任各种浏览需求。响应式设计的目的是尽可能以最好的布局显示您的数据,以实现用户友好的 Web 页面。cs原创 2013-05-30 14:55:32 · 4262 阅读 · 0 评论