Livid
275.76D
571.15D
V2EX  ›  V2EX

V2EX UI is now image less

  •  
  •   Livid ·
    PRO
    · Jul 17, 2010 · 5469 views
    This topic created in 5778 days ago, the information mentioned may be changed or developed.
    现在,除了按钮和头像,整个 V2EX 的 Desktop UI 没有用到任何图片。

    推荐使用 Chrome 访问。
    22 replies    1970-01-01 08:00:00 +08:00
    jiangxiaolei
        1
    jiangxiaolei  
       Jul 17, 2010
    Safari访问也挺不错,看到记事本了。
    Livid
        2
    Livid  
    MOD
    OP
    PRO
       Jul 17, 2010
    并且,因为 GAE 服务静态文件的性能实在是糟糕,现在 Desktop UI 的 CSS 文件由 (mt) 提供服务。
    airwolf
        3
    airwolf  
       Jul 17, 2010
    那个 img.ly 的图片自动引入功能依然存在?
    lianghai
        4
    lianghai  
       Jul 17, 2010
    之前静态文件的性能确实糟糕……经常看到背景图缓慢载入,在 Safari 里尤其恐怖,一格一格的黑色……
    Livid
        5
    Livid  
    MOD
    OP
    PRO
       Jul 17, 2010
    说实话,GAE 本身的性能确实不够理想,所以就得多想想外部手段来优化。

    img.ly 功能依然存在,有修复的可能性。
    Livid
        6
    Livid  
    MOD
    OP
    PRO
       Jul 17, 2010
    img.ly 图片显示功能恢复。

    http://img.ly/1FAo
    disinfeqt
        7
    disinfeqt  
       Jul 17, 2010
    在源码里看到被注释掉的邪恶功能,嗯...
    GordianZ
        8
    GordianZ  
       Jul 17, 2010
    @disinfeqt
    打开就404了……
    ato
        9
    ato  
       Jul 17, 2010
    我还以为进错地方了,原来已经不是wap版了啊
    ato
        10
    ato  
       Jul 17, 2010
    我还算来得及时啊,原来这儿是2个小时前转换的
    colorjd
        11
    colorjd  
       Jul 17, 2010
    终于又回来了!~~
    disinfeqt
        12
    disinfeqt  
       Jul 18, 2010
    Are you sure about that, @livid?

    #Top {
    background-color:#303033;
    background-image:url("http://v2ex.com/static/img/bg_top_black.png");
    height:40px;
    }

    lol

    it can be replaced with the css code below:

    #Top {
    background:#303033;
    background:-moz-linear-gradient(center top , #444, #111) repeat scroll 0 0 transparent;
    background:-webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
    height:40px;
    }

    Haven't tested the final effect yet, you can adjust it on your own.
    Thanks to almighty CSS3!
    Livid
        13
    Livid  
    MOD
    OP
    PRO
       Jul 18, 2010 via iPhone
    Nice and thanks.

    Will try it when I got back home.
    airwolf
        14
    airwolf  
       Jul 18, 2010
    New tech will always be the NO.1 rule here :)
    lianghai
        15
    lianghai  
       Jul 18, 2010
    哈哈看起来 Livid 实在看不下去纯色的 #Top 了……
    Livid
        16
    Livid  
    MOD
    OP
    PRO
       Jul 18, 2010
    Chrome 渲染 logo 确实有问题。。。
    Livid
        17
    Livid  
    MOD
    OP
    PRO
       Jul 18, 2010
    CSS gradient 已经用上,相当不错。
    Livid
        18
    Livid  
    MOD
    OP
    PRO
       Jul 18, 2010
    呵呵,如何能够用 CSS 模拟 noise 效果呢?如果那样的话,背景底纹也完美了。
    Livid
        19
    Livid  
    MOD
    OP
    PRO
       Jul 18, 2010
    zdxproxy 如果自定义一个 Expires 头的话,效果会好很多。

    目前的头:

    via: HTTP/1.1 GWA (remote cache hit)
    Accept-Ranges: bytes
    Last-Modified: Mon, 12 Jul 2010 02:21:11 GMT
    Content-Type: image/png
    Age: 4715
    Cache-Control: max-age=3600
    Date: Sun, 18 Jul 2010 15:59:22 GMT
    Server: Google Frontend
    Content-Length: 575969

    200 OK
    lianghai
        20
    lianghai  
       Jul 19, 2010
    磨砂效果背景对整体气质影响实在挺大的,既然这样优化了图片的缓存……希望还是把杂色图请回来吧……
    disinfeqt
        21
    disinfeqt  
       Jul 19, 2010
    noisy 目前应该(我个人掌握)是做不到的,虽然可以用 canvas 之类但是没有实用性。
    不过 rgba() 也可以做出很赞的效果,尤其是多个 overlay 叠加之后,比如 http://24ways.org/
    Leo
        22
    Leo  
       Jul 19, 2010
    半个月没过来.换了个新面孔。好啊好啊
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   980 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 92ms · UTC 21:53 · PVG 05:53 · LAX 14:53 · JFK 17:53
    ♥ Do have faith in what you're doing.