淘宝新首页开发实践PPT分享January 6, 2010

详解:

  1. HTML规范
  2. Sprites(上)
  3. To be continued…

已有 20 条评论

  1. SMbey0nd SMbey0nd

    讲的很精彩,受益很多:P

  2. dengsa dengsa

    很赞!但是textarea和短标签的应用没提及么...

  3. linxz linxz

    感觉这样的PPT风格挺有意思的,下次有机会我也尝试一下~!

  4. hauy hauy

    不错!
    ps,标题的字间距是不是太小了

  5. qinghou qinghou

    赞,折腾得很有收获

  6. vapour vapour

    学习了,不过用的是什么代码编辑器,很好看。

  7. 陈成 陈成

    @dengsa 有的啊,您没看仔细吧,-_-
    @vapour 编辑器是idea

  8. shanghaikid shanghaikid

    我很感兴趣,做这张页面需要多久? 2天? 1周?

  9. @shanghaikid 一个月吧

  10. shanghaikid shanghaikid

    一个月还好,一周的话压力就大了。

  11. colinivy colinivy

    thanks for sharing ~

    有几个地方有点疑问:
    1. 75MB+w*h*(3-4) 这个公式是用来计算sprites图片占用内存的说?
    2. 为什么使用滤镜实现图片翻转呢?(使用filter不也会影响性能的说)

    ps : 尽管增加了一堆无用DOM结构还是有点不爽,个人还是挺支持使用空白占位标签组织Sprites的。。。

  12. Ray Ray

    。。。1个月。。。
    真不错。。。我做一个后台的项目全部也就2周的时间。。。

  13. Ray Ray

    第34个幻灯片那里VS的概念是指的什么?后面的应该是new Image src的网络请求图吧。。和#feedback这个有联系么?没太看明白

  14. @colinivy
    1. 是的,系数3-4是由空白所在百分比决定的。参考自(http://ajaxian.com/archives/sprite-me-helping-you-sprite-up-but-maybe-you-shouldnt)
    2. 滤镜对页面性能有多大影响,目前好像还没有具体的数据可作参考。

    @ray
    后面我会补充几篇文章具体说明下。

  15. [...] 因PPT写得过于简短,此文对PPT里的第一部分详细说明下,可以对照着看。 [...]

  16. [...] 淘宝新首页开发实践PPT分享 淘宝新首页开发实践 View more presentations from sorrycc. [...]

  17. [...] 因PPT写得过于简短,此文对PPT里的第二部分详细说明下,可以对照着看。 [...]

  18. 暴

    http://wiki.ued.taobao.net 无法访问。。

    看这文章的时候又看了下淘宝溜达到了登陆页,注意到了新版登陆页,也不小心看到了一些细节。

    那个LOGO的白底...label为啥不加手势,不过淘宝的细节方面做得比支付宝的好很多了。。

    PS:前两天充值的时候注意到淘宝首页手机充值那块,空白非常大块,新版的淘宝似乎在不断告诉我淘宝需要空白。。

  19. 表示該 HTML 為 HTML5。

  20. Jill Jill

    博主为啥不更新了啊,好久没更新了,学到很多东西。淘宝首页的细节好像变了一些,呵呵。希望能继续学习。有时间就更新一下吧。灰常感谢!!!

添加新评论 »




* Required (but your email address will never be published)