V2EX UI is now image less

Livid · 2010-07-17T09:26:22Z

现在，除了按钮和头像，整个 V2EX 的 Desktop UI 没有用到任何图片。推荐使用 Chrome 访问。

V2EX

UI

Now

22 replies • 1970-01-01 08:00:00 +08:00

jiangxiaolei

Jul 17, 2010

1

Safari访问也挺不错，看到记事本了。

Livid

MOD

OP

PRO

Jul 17, 2010

2

并且，因为 GAE 服务静态文件的性能实在是糟糕，现在 Desktop UI 的 CSS 文件由 (mt) 提供服务。

airwolf

Jul 17, 2010

3

那个 img.ly 的图片自动引入功能依然存在？

lianghai

Jul 17, 2010

4

之前静态文件的性能确实糟糕……经常看到背景图缓慢载入，在 Safari 里尤其恐怖，一格一格的黑色……

Livid

MOD

OP

PRO

Jul 17, 2010

5

说实话，GAE 本身的性能确实不够理想，所以就得多想想外部手段来优化。

img.ly 功能依然存在，有修复的可能性。

Livid

MOD

OP

PRO

Jul 17, 2010

6

img.ly 图片显示功能恢复。

http://img.ly/1FAo

disinfeqt

Jul 17, 2010

7

在源码里看到被注释掉的邪恶功能，嗯...

GordianZ

Jul 17, 2010

8

@disinfeqt
打开就404了……

ato

Jul 17, 2010

9

我还以为进错地方了，原来已经不是wap版了啊

ato

Jul 17, 2010

10

我还算来得及时啊，原来这儿是2个小时前转换的

colorjd

Jul 17, 2010

11

终于又回来了！～～

disinfeqt

Jul 18, 2010

12

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

MOD

OP

PRO

Jul 18, 2010 via iPhone

13

Nice and thanks.

Will try it when I got back home.

airwolf

Jul 18, 2010

14

New tech will always be the NO.1 rule here :)

lianghai

Jul 18, 2010

15

哈哈看起来 Livid 实在看不下去纯色的 #Top 了……

Livid

MOD

OP

PRO

Jul 18, 2010

16

Chrome 渲染 logo 确实有问题。。。

Livid

MOD

OP

PRO

Jul 18, 2010

17

CSS gradient 已经用上，相当不错。

Livid

MOD

OP

PRO

Jul 18, 2010

18

呵呵，如何能够用 CSS 模拟 noise 效果呢？如果那样的话，背景底纹也完美了。

Livid

MOD

OP

PRO

Jul 18, 2010

19

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

Jul 19, 2010

20

磨砂效果背景对整体气质影响实在挺大的，既然这样优化了图片的缓存……希望还是把杂色图请回来吧……

disinfeqt

Jul 19, 2010

21

noisy 目前应该（我个人掌握）是做不到的，虽然可以用 canvas 之类但是没有实用性。
不过 rgba() 也可以做出很赞的效果，尤其是多个 overlay 叠加之后，比如 http://24ways.org/

Leo

Jul 19, 2010

22

半个月没过来.换了个新面孔。好啊好啊