V2EX UI is now image less

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 5566 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

推荐使用 Chrome 访问。

V2EX

Now

22 条回复 1970-01-01 08:00:00 +08:00

jiangxiaolei

2010-07-17 17:28:21 +08:00

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

Livid

MOD

PRO

2010-07-17 17:32:37 +08:00

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

airwolf

2010-07-17 18:37:23 +08:00

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

lianghai

2010-07-17 18:37:24 +08:00

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

Livid

MOD

PRO

2010-07-17 18:40:12 +08:00

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

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

Livid

MOD

PRO

2010-07-17 18:44:48 +08:00

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

http://img.ly/1FAo

disinfeqt

2010-07-17 18:59:43 +08:00

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

GordianZ

2010-07-17 19:03:20 +08:00

@disinfeqt
打开就404了……

ato

2010-07-17 19:36:40 +08:00

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

ato

2010-07-17 19:38:29 +08:00

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

colorjd

2010-07-17 21:07:00 +08:00

终于又回来了！～～

disinfeqt

2010-07-18 20:23:14 +08:00

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

PRO

2010-07-18 20:26:56 +08:00 via iPhone

Nice and thanks.

Will try it when I got back home.

airwolf

2010-07-18 20:34:40 +08:00

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

lianghai

2010-07-18 21:58:11 +08:00

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

Livid

MOD

PRO

2010-07-18 23:56:05 +08:00

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

Livid

MOD

PRO

2010-07-18 23:56:24 +08:00

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

Livid

MOD

PRO

2010-07-18 23:57:57 +08:00

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

Livid

MOD

PRO

2010-07-18 23:59:59 +08:00

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

2010-07-19 00:53:16 +08:00

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

disinfeqt

2010-07-19 02:33:07 +08:00

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

Leo

2010-07-19 23:15:08 +08:00

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