文章关键字 ‘HTML5’
2011年11月1日,星期二
我一直都是在PC上折腾网页的,这会儿怎么风向周边捣鼓起手机网页开发呢?原因是公司原先使用Java开发的产品,耗了不少人力财力,但是最后的效果却不怎么好。因为,Android系统一套东西,iPhone又是新的一套,折腾死人呐。
于是总监发狠,让我把手上的活都交出去,专心折腾web版的,看看最后效果如何。
加上我觊觎手机上的开发学习很久了,于是,一拍即合,搞起了手机开发方面的学习。
为个人偏好以及筛选,决定使用PhoneGap实现与设备相机,通讯录等交互,jQuery Mobile实现页面UI的显示以及相关交互。
不过PhoneGap是与胶水层打交道的东西,要说到这东西还需要些时日。我们可以先把目前投向与页面显示相关的UI框架上。例如,本文要说起的jQuery Mobile……
阅读全文…
标签:Android, css3, HTML5, iphone, javascript, jQuery Mobile, PhoneGap, Sencha Touch, web综合, 手机
发布在 Mobile相关 | 35 条评论 »
2011年10月10日,星期一
技术的发展日新月异,说不定回家钓几天鱼,就出来个新东西了。新事物新技术发展的初期,你无法预见其未来之趋势,生命诚可贵,没有必要花过多时间深入研究这些新东西,不过,知道了大概,了解个全貌还是很有必要的。虽不是时代缔造者,也不至于落后于时代发展大潮。
互联网的发展相当的神速,其他不说,就前端技术这块,出现的些新名词或生名词就让人眼花缭乱,应接不暇,比如说:HTML5 Canvas, WebGL, CSS Shaders, GLSL等。你是否有这样的疑问……
阅读全文…
标签:canvas, CSS Shaders, GLSL, HTML5, OpenGL, WedGL, 滤镜
发布在 Canvas相关 | 9 条评论 »
2011年09月22日,星期四
HTML5虽未来到其鼎盛时期,但这并不妨碍我们在实际项目中渐进使用HTML5的一些特性。就我所做的项目而言,应用的HTML5相关特性有:data-
自定义属性、placeholder
、以及email
类型input文本框。上周新上线的会员中心,自己又应用了HTML5相关内容——HTML5 localStorage本地存储,这里简单分享下。
一如既往,本文提供demo页面,提供必要的截图和源代码展示,还有对比实例,希望能触动一下大家的小小神经。
阅读全文…
标签:cookie, HTML5, localStorage, MooTools, 本地存储, 浏览器
发布在 JS实例 | 34 条评论 »
2011年09月15日,星期四
在XHTML的时代,我们使用HTML file控件上传图片一次只能上传一张。要一次上传多图,做法是借助于flash。或者使用隐藏的iframe框架页面模拟ajax上传,一次一张,连续多次。然而都有缺陷。HTML5是个好东东,其中之一就是支持多图片上传,而且支持ajax上传,而且支持上传之前图片的预览,而且支持图片拖拽上传,纯粹利用file控件实现,简单方便迅速,想不让人称赞都难啊!
本文就是详细地介绍基于HTML5的可预览多图片Ajax上传的一些内容。有丰富的截图示意和源代码展示,以及必要的API参数说明。希望本文的内容能够对您的学习有所帮助。
阅读全文…
标签:Ajax, chrome, FileReader, HTML5, readAsDataURL, 图片上传, 图片预览
发布在 JS实例 | 316 条评论 »
2011年07月28日,星期四
一般稍微有些经验的页面制作人员都知道label
标签可以优雅地扩大表单控件元素的点击区域,这对于提高页面的可访问性是很有帮助的。但是,具体的些情况是如何的呢?本文就将比较巷子地介绍下label标签在HTML5中的可访问性,以及目前的一些支持情况,发展等。
一贯优良传统,有demo页面,有源代码展示,有截图。总之,希望本文的内容能够对您学习有所帮助。
阅读全文…
标签:HTML5, label, 可用性, 可访问性, 屏幕阅读器, 控件
发布在 HTML相关 | 8 条评论 »
2011年06月22日,星期三
HTML5中新增了一个名为form
的属性,是一个与处理表单相关的元素。
在HTML4或XHTML中,我们要提交一个表单,必须把相关的控件元素都放在<form>
元素下。因为表单提交的时候,会直接忽略不是其子元素的控件。但是,实际情况下,由于页面设计与实现的特殊性,会存在有些表单之外的元素也需要一并提交的情况,这时候,传统的表单功能就显得有些捉襟见肘了。
HTML5中新增form
属性就是为更好地处理这个问题才出现的……
阅读全文…
标签:form, html, HTML5, 兼容性
发布在 HTML相关 | 5 条评论 »
2011年05月17日,星期二
HTML5 canvas这个玩意用通俗的话来讲就是一块用来画画的布,不过这不是普通的布,这是个类似于神笔马良的那个神笔一样神奇的东西,可以画出很多精湛美妙的东西。本文就展示两个基于canvas的炫酷效果,可以让我们对canvas的潜力有个比较直观的认识。一如既往,有demo页面,有效果截图,相关源代码展示。本文甚至还有video视频展示,总之,希望本文的内容能够对您 学习有所帮助。
阅读全文…
标签:3D效果, canvas, HTML5, 图片, 效果
发布在 Canvas相关 | 19 条评论 »