摘要:上一篇文章《pageResponse - 让H5适配移动设备全家》中分享了一个小插件让一套H5页面适配几乎所有移动设备,得到了一些同学的推荐和认可,这里感谢大家的支持。在此之前也在部门前端组内做了分享,后来师傅跟我聊了下,其实现在前端和设计的合作上经常遇到页面适配问题,在沟通上影响工作效率,在页面设... 阅读全文
posted @ 2015-07-09 16:31 白树 阅读(5743) 评论(5) 推荐(6) 编辑
摘要:上一篇文章《为什么选择iPhone5的分辨率作为H5视觉稿尺寸》最后留下了问题:是否需要视觉设计师设计多套的视觉稿供给前端工程师做页面适配呢?按照自己以前的方法,通常会要求设计师设计2套的尺寸,一套是窄屏手机(如iPhone4),另一套是宽屏手机(如iPhone5),这样的好处不仅减少重构页面的适配 阅读全文
posted @ 2015-06-19 14:25 白树 阅读(35372) 评论(58) 推荐(57) 编辑
摘要:【20160105更新:可以用iPhone6分辨率为视觉稿尺寸啦】又是一年的520网络情人节,深圳这边却下了大雨,这雨只能是单身汉的泪,而对于我来说这一天具有特别的意义,一来怀念父亲,二来对我这种结婚人士来说还可勉强表达对老婆的爱,so,本文的图片宽均以520像素来设计。回到主题,在微信朋友圈经常看... 阅读全文
posted @ 2015-05-20 20:55 白树 阅读(22657) 评论(7) 推荐(6) 编辑
摘要:这几天看了罗振宇的《逻辑思维》第一章《向生而死》,埃及所有的文物古迹要不就是金字塔,要不就是神殿,总而言之,都是为死人准备的,没有一个古迹是为活人准备的。假如自己明天将死去,今天自己还有什么事情没做完没做好?这个问题问得真好,如果人们带着这样的思维活着会活得更加有意义。让我想起乔布斯在斯坦福大学20... 阅读全文
posted @ 2015-03-09 12:29 白树 阅读(1575) 评论(3) 推荐(2) 编辑
摘要:2013年初接触移动端,简单做下总结,首先了解下移动web带来的问题 设备更新换代快——低端机遗留下问题、高端机带来新挑战 浏览器厂商不统一——兼容问题多 网络更复杂——弱网络,页面打开慢 低端机性能差——页面操作卡顿 HTML5新技术多——学习成本不低 未知问题——坑多 面对这些问题,一开始我们只 阅读全文
posted @ 2015-03-03 14:20 白树 阅读(108264) 评论(105) 推荐(291) 编辑
摘要:本月26号参加webrebuild深圳站,会上听了彪叔的对初心的讲解,“工匠精神”这个词又一次被提出,也再次引起了我对它的思考。专注一个项目并把它做得好,很好,更好...现实工作中,忙忙碌碌,抱着完成任务的想法可能会比较多,而想做得更好,需不惜花费时间精力,孜孜不倦,反复改进产品,把99%提高到99 阅读全文
posted @ 2014-12-29 19:00 白树 阅读(21559) 评论(33) 推荐(38) 编辑
摘要:11.11是公司成立的日子,16岁啦,我呢3岁半,感谢公司给了这样一个平台,让我得以学习和成长,这里祝愿公司发展越来越好~进入主题,每年11月11号是光棍节,产生于校园,本来只是一流传于年轻人的娱乐性节日,以庆祝自己仍是单身一族为骄傲,而如今是各大商家以脱光为由打折促销的时期,成为了所谓的”购物节“... 阅读全文
posted @ 2014-11-13 14:48 白树 阅读(699234) 评论(36) 推荐(33) 编辑
摘要:微信在最新的iPhone版应用中运营刷卡功能,为了推广该功能,小组成员自主开发了简单的超级收银员小游戏。第一次写前端游戏,严重意识到js写少了,趁这次恶补下,毕竟还年轻,感觉老了脑袋不好使。今天给大家分享本次游戏的学习成果,有兴趣的同学先扫描二维码挑战。目录:游戏思路游戏场景核心代码游戏思路本人很喜... 阅读全文
posted @ 2014-10-14 16:04 白树 阅读(7697) 评论(29) 推荐(64) 编辑
摘要:北京时间2014年9月10日凌晨1点,苹果公司正式发布其新一代产品 iPhone6,相信做webapp开发的同学对它是充满了好奇和等待,也担心它带来各种坑爹,高清的分辨率,升级的retina显示屏,我们该如何做好适配呢?相比iPhone5,iPhone6拥有更高分辨率的retina HD displ... 阅读全文
posted @ 2014-09-12 16:34 白树 阅读(16838) 评论(21) 推荐(8) 编辑
摘要:本月收到一份关爱里程碑的邮件,入职满3周年了,从一个懵懂的新人到从容淡定的小油条,在外辛苦打工不容易,能收到一封简单的关怀邮件也是有感欣慰,这里祝愿公司越发展越好。进入主题,移动网页设计中,很多同学常问一个问题:这么多种移动设备,要兼容哪几类呢?相信很多人会回答主流的系统ios、android,但是... 阅读全文
posted @ 2014-07-28 14:58 白树 阅读(12320) 评论(8) 推荐(41) 编辑
摘要:今年3月份,由于公司业务需要,我转岗到微信产品部,离开了TID团队,人都是有感情的动物,更何况在一个团队呆了快 3 年,心中十分舍不得,鬼哥说了“天下没有不散的宴席...”,在我的世界里又多了一次离别的伤感(虽然还在隔壁工作)。加入了微信产品中心后,开始新的团队生活,工作比以前忙多了,有时周六也要上 阅读全文
posted @ 2014-04-26 10:36 白树 阅读(43332) 评论(35) 推荐(28) 编辑
摘要:回想2年前刚开始接触手机项目,接到PSD稿后,发现视觉设计师们喜欢用微软雅黑作为中文字体进行设计,于是我写页面的时候也定义 font-family 为微软雅黑,后来发到线上后,细心的产品经理发现页面的字体不是微软雅黑,要求马上修改,我就惊呆了,还跟产品争执一番。后来了解到的手机系统 ios、andr... 阅读全文
posted @ 2014-03-12 14:29 白树 阅读(65435) 评论(32) 推荐(27) 编辑
摘要:做移动端有一段时间,今天有同事问了我 article 和 section 标签的使用,模模糊糊的解释了下,他似懂非懂,有点小尴尬。忽然间觉得自己有必要再翻翻书籍,重温下 html5 的新元素。html5 新增的结构元素,有的经常使用到,有的用不上,当页面禁用样式后,它们的展现跟 div 是没撒差别,... 阅读全文
posted @ 2014-03-06 18:18 白树 阅读(5317) 评论(14) 推荐(3) 编辑
摘要:一款自动刷新浏览器的小工具,它通过监听用户的按键,如果在键盘按下 Ctrl+S ,则自动刷新浏览器,操作十分简单,前端开发必备神器,快速提升工作效率,支持IE、火狐以及最新版的chrome33。之前我写过的文章《前端开发小工具SuperApp——Ctrl+S自动刷新浏览器》中,分享过SuperApp... 阅读全文
posted @ 2014-03-05 16:55 白树 阅读(3257) 评论(21) 推荐(1) 编辑
摘要:今天来上班后,打开博客,看到园龄为3年了,确认了下日期,开博客是2011年3月3号,并于当天写了《在博客园安家了》一文,当时还是一个单纯的学生仔,准备步入社会实习,回头看,工作快3年啦,时间过得飞快,想想这3年来大多时间都潜水博文园,自己也写过一些文章,有收获也有感触,不管多多少少,这里为自己博客满3周年庆祝下,感谢博客园提供这么优秀的网站。关于写博文1.理想我在博客左侧导航写道:希望提升中国页面重构仔的技术和地位,改变我们的薪酬。其实说明了现在【页面重构】这个职位在互联网公司的地位并不高,在非专业人员看来:我们的工作只是把设计稿还原为HTML代码,界面设计有专业的设计师,页面交互有JS工程师 阅读全文
posted @ 2014-03-03 16:58 白树 阅读(1647) 评论(5) 推荐(2) 编辑
摘要:有段时间一直折腾移动端页面弹性滚动的各种问题,做了点研究,今天做个小分享~ 传统 pc 端中,子容器高度超出父容器高度,通常使用 overflow:auto 可出现滚动条拖动显示溢出的内容,而移动web开发中,由于浏览器厂商的系统不同、版本不同,导致有部分机型不支持对弹性滚动,从而在开发中制造了所谓 阅读全文
posted @ 2014-02-18 18:28 白树 阅读(61961) 评论(7) 推荐(11) 编辑
摘要:回顾《那年,寻找工作的历程》一文,已经是1年前的事情,从毕业到现在,加入财付通这个大家庭已经快3年,中间经历了很多,有感悟,有反思,做个小总结~工作岗位思考入职前的职位是做前端开发CSS+JS,但在腾讯这样的大公司,有不少部门把前端开发划分为 web 前端开发(工程类 JS 方向)和页面重构(设计类 css 方向),分得细显得更专业,大家各司其责,效率也比较高。后来我被安排到页面重构的方向,主要写 HTML 和 CSS 代码,个人觉得非常简单,其实当时有点不愿意,考虑到才刚毕业,抱着学习的心态,很快融入了重构的道路。入职开始半年(11年下半年),主要是发广告,广告最大的特点就是要及时响应并发布 阅读全文
posted @ 2014-01-24 13:58 白树 阅读(8394) 评论(39) 推荐(31) 编辑
摘要:转载的一篇文章,写得非常好,虽然自己才工作3年,看了也是深有感触~眼看自己大学毕业后都快12年了,也快2个孩子的爸爸了,但是有时候还是会有不少不安全的感觉产生。都快奔35了,技术也过得去,收入其实也很稳定,但是偶尔还是会有迷茫的时候,最近有几个朋友,也发QQ聊天信息,同样有类似的感觉。也稍微揣摩了一下,为啥会有这样的感觉产生?其实软件开发也是一个行业,当厨师的也是一个行业,一个厨师干了10多年后,会不会变成国家主席?很可能还是厨师,甚至有有可能一辈子都是厨师,软件开发人员也是一个行业而已,也是为人民服务而已,估计厨师也会有迷茫的时候,我们也照样会有迷茫的时候,05年左右在上海做日本外包时,还真 阅读全文
posted @ 2014-01-21 13:31 白树 阅读(2193) 评论(12) 推荐(2) 编辑
摘要:表单元素在网页设计中使用的非常频繁,如文本输入框、单选框、复选框、选择列表、上传文件,它们在浏览器中的展现有自带的外观,为了在视觉上取得更好的产品体验,保持客户端的统一,通常产品经理会提出需要改变它的外观,使用自定义的,对于产品本身来说这样的要求是加分项,开发在力所能及的范围内应该大力支持。做H5移动开发,并没有原生APP开发那样,大部分内容都可以自定义,移动端H5页面受手机系统的影响,不同的浏览厂商对表单元素的渲染效果差异很大。下图为 iphone4s 、魅族 android4.4 、诺基亚 winphone8 三部测试机下4种不同表单元素的默认外观展现。从上图我们可以看出:表单输入框有默认 阅读全文
posted @ 2014-01-19 22:03 白树 阅读(11646) 评论(7) 推荐(6) 编辑
摘要:特别声明:此篇文章由David根据Charles Morris的英文文章原名《Adapting your WebKit-optimized site for Internet Explorer 10》进行翻译,整个译文带有我们自己的理解与思想,如果译得不好或不对之处还请同行朋友指点。英文出处:http://blogs.windows.com/windows_phone/b/wpdev/archive/2012/11/15/adapting-your-webkit-optimized-site-for-internet-explorer-10.aspx中文译文:http://www.w3cplu 阅读全文
posted @ 2014-01-08 23:34 白树 阅读(1445) 评论(0) 推荐(0) 编辑