Home > All Tags >

Website

测试中的 iGoogle 新功能

Jul 2nd, 2008 9 Comments
iGoogle 新功能

最近, Google 悄悄地对个性化主页的新功能进行了限制性的测试.
本次更新包括了三项主要的功能: 追加左导航栏, 提供 Gadget 新接口, 集成 Chat 功能.
明显的, Google 正在为个性化主页扩展社区功能.

新增左导航栏, 改变了 iGoogle 的整个布局. 标签被放置在左导航栏的顶部, 而下方是 Gadget 的列表和这次集成的 Chat. 导航烂的出现, 令 iGoogle 的布局变得有点像 Gmail 了. 怎么 Google 不提供右导航栏呢?

对开发者来说, Gadget 提供了新的接口, 可以让用户专注与某个 Gadget. 而对用户来说, Gadget 能够支持 "最大化" 显示了.

最新集成的 Chat 功能, 无异于 Gmail 的 Chat. 可以将你 Gtalk 中的好友显示在左导航栏里面. 当你发现了一篇有趣的文章, 你可以立刻通过它与你的好友分享, 而不再需要下载和安装任何客户端软件.

看来 iGoogle 不能再被看作一个自定义的门户网站了, 在它之上将有可能出现更多的社区特性.
这里有官方介绍, Experimental iGoogle features. 或许你想了解更多, 或许你还有疑问, 那么请你务必去看看.

用 Browsershots 测试网页兼容性

Jun 27th, 2008 6 Comments

Browsershots.org 的首页顶部有一句话:"Test your web design in different browsers".
下方是一个网址输入框和密密麻麻的浏览器列表. 这有截图!
再往下还有一些可选项, 如对 JavaScript, Flash 的支持等等.

因为浏览器在各操作系统的性能是有所出入的, 所以他们以操作系统被进行过归类. 共分为 Linux, Windows, Mac OS 和 BSD 四类. 其中除了主流的 IE, Firefox, Opera 等浏览器, 还有很多你可能连名字都没听说过的.

对于下方的选项我有些不解, 这些东西选择与否对页面有什么影响呢?
直到我使用了一次, 我终于明白了...

如果你往里面输入你想测试的网址, 点击提交后, 你将会得到很多浏览器的截图. 而这些浏览器都是打开了你刚才所指定的网页. (可能是网速关系, 其中有些页面竟还没完全打开.)

对于网页兼容来说, 其实这意义不大, 因为网页兼容并不仅仅是页面上的整齐.
如果你的目标是兼容几个主流的浏览器, 而在其他浏览器中也要保持界面的完整; 或者你很想看看自己的网站在其他浏览器中的表现如何, 我觉得都可以试试.

Browsershots 网址: http://browsershots.org/

Web Favicon Editor

May 24th, 2008 12 Comments
DeGraeve.com Favicon Eeditor

DeGraeve.com Favicon Editor 是一个在线 favicon 图标编辑器.
所谓 favicon 图标, 就是 16x16 的 .ico 格式的图标, 一般用作网页小图标, 显示在窗口标题栏或者 Tab 处.

Favicon Editor 可以通过 "click-click" 操作在线进行图标制作, 也可以通过上传已有图片的方式创建图标.
关于上传, 没说哪些图片可以用, 但我发现 PNG, IMG 和 GIF 这三种格式都可以使用.

去体验一下!

代码墙

Apr 12th, 2008 6 Comments
code wall

代码墙, 是由 icyleaf 搞的, 一个基于 pastebin 开源系统搭建而成的代码分享网站.

pastebin 本身是一个代码分享网站, 是由 Paul Dixon 编写的一个开源系统. 这个系统的功能主要是在线代码分享, 寻求帮助. 它也是一个代码存储的空间, 可供其他网友分析, 找错等. 其代码支持涵盖了当前大部分流行的编程语言, 使得每种代码语言都有独特的高亮显示. 但 pastebin 不支持中文的代码 (注释), 这是应该算是最大的遗憾了.

Read More...

Google.cn 的首页工具栏

Mar 30th, 2008 6 Comments
Google.cn toolbar animation

我一直是通过浏览器的搜索栏使用搜索引擎的, 所以很少进入 Google 的首页.
今天点开看到 Google.cn 搜索框下面竟然多了个工具栏, 鼠标移动到某个图标上面还有动画效果. 该不会这么想不开, 在首页上弄个 Flash 吧? 右键点了一下发现只是图片...

动画效果虽然很好看, 但怎么我觉得这东西作用不大, 页面最上方不是已经有导航菜单了吗? 而且点击链接还会在新页面打开, Google 不厚道...

1 word = 20 grains

Feb 24th, 2008 6 Comments
image

FreeRice 是一个慈善网站, 每次只要网友在几个英文单词中选中正确的答案, 就会通过联合国粮农组织向第三世界国家捐出 20 粒大米.

这一单词虽没千金之重, 却可换大米. 记单词还可以做善事, 何不乐哉! 还有帅哥标准发音哦...

赶快行动吧, 来捐出你的大米...

Scribd iPaper

Feb 21st, 2008 4 Comments

Scribd iPaper 是一个轻量级的 Adobe Reader, 它以 Flash 的形式在网页上显示流文档 (包括 Office 文档和 PDF), 就像 YouTube 处理视频一样. 功能齐全, 方便用户展示文档.

iPaper 是免费的, 并且用户可以在文档中投放 AdSense 广告, 从中获得收入.

iPaper 可以全浏览器大小显示, 播放幻灯片, 打印等等, 功能十分强大.最有意思的是, 据说它还提供了一个 "快速转换功能", 只要在网页上添加一段指定的代码就可以转换页面中已有的文档.

下面是我到 Scribd 上传的一个 PDF 文档.
UML for Java Programmers

A Cool 3D Web Design Effect

Jan 8th, 2008 3 Comments
image

一个非常精美的网页 Header 设计, 使用 Photoshop 完成.
作者一步一步教我们完成这个效果, 还提供了 PSD 文件, 但需要 $2.50, 教程描述还算详细, 我们不需要花这钱. :mrgreen:
教程中应用了渐变和图层, 需要一点 Photoshop 基础, 有兴趣的朋友可以试试.

整个 Header 中, 我特别喜欢那标题文字的效果.
很久没用过 Photoshop 了, 准备用这个来练练手感.

教程页面: Creating A Cool 3D Web Design Effect