打开音乐

无线前端开发 – cssoul.com

TOOL

谈谈最近的工作

2011-03-18 | 无线前端 | 评论[0 ]

有很长一段时间没有写博客了,因为这一两个月都很忙,下班回到家不想坐在电脑前敲键盘。

这两个月基本就泡在项目中,m.taobao.com高端版优化项目还没有发布,淘宝Android客户端2.0就不断的PRD、UC、UI评审。直到今天,Android客户端2.0的Demo才全部完成。

不得不说,这段时间我感觉鸭梨特别大,都有焦灼的感觉了!
首先,这些项目关系到手机淘宝的主要交易流程,如果前端代码写的不够严谨、不懂得优化,会给用户和淘宝带来很严重的后果;
其次,我还是JavaScript菜鸟,有很多交互上的实现对我来说都是很有挑战的;(eg:Detail页面宝贝图片展示,搜索联想功能…..~)
最后,就是沟通方面遇到很多问题,高端版之前的PRD、交互原型评审我没有参加过。在做Demo的时候,交互没有说明的情况下,常常带有主观意识去处理了,后来就悲剧了,有很多地方有返工,白白浪费很多时间……

虽然这段时间很苦很累,不过我要特别感谢王卓能给我机会,安排这两个重量级别比较高的项目。让我从中得到了很好的锻炼,现在对手机淘宝高端版和客户端都有了更加清晰的认识。然后工作技能也得到了一个提升,虽然现在的我是外包,但是我觉得能有机会让自己学到东西、能够每天都有进步和收货,就是一件幸福的事情。

值得欣慰的是,这段时间幸苦的劳动也带来了不错的成果。就在m.taobao.com高端版优化上线两周时间内,运营统计出这段时间无论是交易量还是PV、UV都有非常可观的增长。

任重道远,接下来要更加努力学习……

CSS3实现三角面包屑

2010-12-10 | HTML/CSS,无线前端 | 评论[0 ]

网站面包屑主要有一下几点作用:

  • 1、面包屑显示人们的当前位置帮助他们理解所处位置与整个网站的关系。
  • 2、面包屑提供一键回到较高层次的服务,援救那些通过搜索或者深层次链接进到特殊但是不合适页面的用户。
  • 3、面包屑在用户测试中从不产生问题:人们会忽略这样小的设计元素,但是他们从不误解面包屑,也不会在使用过程中出问题。
  • 4、面包屑在页面上只占据很小的空间。

一个简单的面包屑,我们通常采用这种方法实现:

您的位置: 首页> 我的淘宝> 已买到的宝贝

<div class="crumbs">
	您的位置:
	<a href="#">首页</a><span>&gt;</span>
	<a href="#">我的淘宝</a><span>&gt;</span>
	已买到的宝贝
</div>

继续阅读 »

iPhone原生webkit浏览器不支持CSS position: fixed

2010-11-29 | HTML/CSS,无线前端 | 评论[0 ]

当开发一个iPhone 的Web应用程序,我需要一些元素固定出现在屏幕上。比如:网页的头部头部、底部,或者工具栏。

当然在pc端,我们遇到这种情形下可以轻松解决的这个问题。

CSS属性:position : fixed

但是不幸的是这个属性在iPhone下不生效,当我们滚动屏幕时,它并不会固定呆在页面上。

为什么会这样?

技术上而言,CSS属性被遵从的,即使出现这个出人意料的情况。 为了理解正在发生的事情,你需要了解你所看到的iPhone实际上是一个完整的HTML页面到视觉窗口。

继续阅读 »

Adobe AIR登陆Android平台

2010-10-09 | 无线前端 | 评论[0 ]

据Adobe的官方博客报道,Adobe AIR正式登陆Android平台,实现了其在2010移动世界大会上有关年底前支持移动设备的承诺。

Adobe AIR是Adobe Flash的关键组件,帮助开发人员通过使用统一的开发平台和重用现有代码来快速构建运行于浏览器之外、横跨多平台的应用。

博文称Adobe AIR运行时登陆Android平台是一个“重要的里程碑”:

继续阅读 »


返回顶部