这次来说说， 移动开发中限制字符长度的正确姿势

按道理来说限制长度就是通过 onpropertychange 或者 oninput 监听输入内容，
然后多的 用 substr 截取掉就可以了

input.addEventListener('input', function(){
    this.value = this.value.substr(0, 8);
});

阅读全文…

最近致力于研究 css3各种动画 和简单游戏的实现方式，感觉有必要对动画做一次全面的知识梳理，so, 文章来了~

定义

通过 css3 的 animation 属性，我们能够创建动画，这可以在许多网页中取代动画图片、Flash 动画以及 JavaScript。

css3中的Animation与HTML5中的Canvas绘制动画又不同，Animation只应用在页面上已存在的DOM元素上，而且他跟Flash和JavaScript以及jQuery制作出来的动画效果又不一样，因为我们使用css3的Animation制作动画我们可以省去复杂的js,jquery代码。
阅读全文…

最近致力于研究 css3各种动画 和简单游戏的实现方式，感觉有必要对动画做一次全面的知识梳理，so, 文章来了~

这部分知识是相当考验你的空间想象能力，个人建议刚开始的时候边看坐标轴边构建 3D图形比较靠谱。
阅读全文…

最近致力于研究 css3各种动画 和简单游戏的实现方式，感觉有必要对动画做一次全面的知识梳理，so, 文章来了~

定义

Transform字面上就是变形，改变的意思。
在CSS3中transform 2D变换部分 主要包括以下几种：
阅读全文…

最近致力于研究 css3各种动画 和简单游戏的实现方式，感觉有必要对动画做一次全面的知识梳理，so, 文章来了~

定义

transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值。

阅读全文…

最近手头上有个基于 widget 内核 开发的项目，css3，html5 各种全开。写着导航，想着能不能css3实现 滑动式的 导航菜单（底部背景左右滑动的那种），思考了 2 个多小时，终于，想到怎么做了！哈哈，分享下吧。

demo地址：http://www.jackness.org/lab/2014/slide-nav/demo.html

阅读全文…

手机项目进入测试阶段，测试把问题反馈到我们前端这里，我们改完丢回给测试，明明是改好的了，但是在测试机子上刷新了半天还是刷不出来，然后我们一起纠结了半天发现…我擦原来是手机浏览器缓存问题。

在手机项目中我发现 手机浏览器上的缓存可以说不是一般的大，有时候等了整整半天，那机子上还是修改前的状态，特别是iphone(幸好的是公司里面拥有iphone的人特多，这台不行就借下一台，总有一台没测试过被测网页)，下面来介绍一下我们手机android、ios web app项目中清除缓存的几个方法。

阅读全文…

最近触摸版视频网项目进入后期阶段，我们 产品部要求 我们的手机站点 http://m.56.com 必须在 UC浏览器8.0以上、安卓2.0以上的自带浏览器上 正常使用无样式功能错误。在在QA测试反馈的bug中发现一些比较神奇的bug，下面给大家分享一下。
阅读全文…

课程背景

基于设计部门的需求，我们前端开发组决定给设计部和技术部开一个关于 HTML5 的内部课程，好好地给设计部洗洗脑、哦不，是好好地宣传一下渐进增强、平稳退化理念 ^_^#

这个课程时间大约为1小时、下面是我们这个课程的 ppt。

阅读全文…

针对高端智能手机开发的站点，其实用的是各种HTML5的技术，我在这里给大家分享一下在手机上前端开发中要注意的地方细节。

下面与大家分享下CSS部分的一些经验。
阅读全文…