Tag Archives: web

Accesskey

以前一直没有注意到 accessibility 的问题,最近开始关注各式各样的快捷键。从 windows 到 photoshop 再到 google reader,当我掌握那些快捷键之后,世界突然变得轻快起来。
这是真的。
你可能会想我用鼠标可以做到我想做到的一切,我干吗要费脑子记那些稀奇古怪的按键组合,它们能省却我多少时间?答案是,当你熟悉了快捷键之后,那种行云流水的感觉会在你脑中萦绕,大把的时间在倏忽间节省出来。
磨刀不误砍柴功。
当然,今天的重点不是教各位各种 services 的快捷键,而是聊一聊超级链接的 accesskey 属性。
经常上一些国外的网站,偶尔打开网页源代码的时候会发现这样的东东:
<a href=”#content” accesskey=”2″>Skip to main content</a>
基本上这是个正常的链接,除了多了个在国内网页上很少见到的属性 accesskey。当链接定义了 accesskey,可以使用快捷键(ALT+字母)访问,似乎用处不是很大。可是当我某次用网页做一本电子小说的时候,accesskey 这个属性让我了解到 accessbility 的重要性。
不仅仅是在电子小说或者百科网页(比如从A-Z罗列内容的时候)可以用到 accesskey,在网页的菜单上也可以利用 accesskey,尤其是一些 SNS 网站,hardcore 级的用户需要这些看似无甚大用的功能。就我自己的经验,在国内网页上用的最多的快捷键应该是论坛的 Ctrl+Enter,哈哈。合理利用 HTML 现有属性显然比用 js 要好很多。
accessbility 不是简单的强调一下,而是“随风潜入夜,润物细无声”,显然,在这点上国外要做的更好。
tip: 在 firefox 里可以使用光标浏览网页(按 F7 开启和关闭)。从今天开始减少蹂躏鼠标吧。

CSS 疑问之二(已解决)

最近一直在学习 css, 于是就把首页当成试验场. 接着上回的CSS 疑问之一(已解决), 现在又碰到了两个问题.
Q1. 原先为了使首页的竖列式导航栏在鼠标滑过的时候产生变色按钮的效果
#content a:link, #content a:visited {
padding: 10px 100px;
color: #667;
text-decoration: none;
outline: none;
}

#content a:hover {
padding: 10px 100px;
[...]

星球进化

Planet 是一个非常好的 RSS 聚合程序, 无论是安装还是使用都很方便. 只要你的空间支持 Python 和 SSH, 你也可以自己安装一个.
我白天跑到超市去大采购, 在超市里看到一个大大的地球仪, 突然就想起自己那个简陋的土星
虽然累得够呛, 不过回来后还是花了几个小时装修土星, 成功把 Planet Ubuntu 的风格移植过来了.
现在土星正式进化到 2.0 版

CSS 疑问之一(已解决)

把 blog 放入二级目录后,我重新放了一个首页。虽然是个人网站,但有个索引自己用起来也方便。不过在实际应用中我发现了几个很奇怪的问题。
如果我没有在 footer 里放置网站统计 js 代码的话,在 FF2,IE6 和 IE7 里 footer 都会与文字的上下端有一定的空间,但如果我插入了网站统计代码,在 IE6 下 footer 会变得很窄,但 FF2 和 IE6 却没任何问题,除非我设置了 height,不知道这是何故。
第二,如果想定义一个层左右居中的话可以使用 margin: 0 auto; ,但如果想让这个层垂直居中的话使用 margin: auto 0; 却不可以。不知道怎样才能使层垂直居中呢,我现在只能设置一个 padding 来控制层与顶部的距离。
另外,outline: none; 对 IE 没用。
第一个问题我 google 了一圈也没发现答案,后两个问题也是没找到一个较好的解决方案,如果哪位知道请指点一下。
update: fcicq 的 这篇文章 解释了第一个问题
update 2: charlee 的 利用CSS使Div水平垂直居中 是一个不错的方案
另附 margin 属性的相关知识: 由浅入深漫谈margin属性
至于 outline: none 在 [...]

SSH -D

To add to what nathan suggested, on linux do
ssh -qTfnN -D 7070 remotehost.
All the added options are for a ssh session that’s used for tunneling.
-q :- be very quite, we are acting only as a tunnel.
-T :- Do not allocate a pseudo tty, we are only acting a tunnel.
-f :- move the ssh process to [...]

赶集网

在很长的一段时间里,我对网购或类似网络买卖的感念就是淘宝易趣,外加卓越之类的网上书店。直到我有一天撞见了 eBay 的 Kijiji(客齐集)。
是的,网上除了传统的 B2C、C2C 之类的网络商城外,也有像二手市场,报纸上的分类广告一样的分类信息发布网站。在接到这个 feedsky 话题广告之前,我所知道的分类信息发布网站只有客齐集和站台。
赶集网同样是一家分类信息发布网站,赶集网所在的公司(北京飞翔人信息技术有限公司)是由从美国硅谷的归国留学人员创办,致力于下一代本地生活资讯网络平台的开发与运营,其管理团队由具有中国互联网多年运营经验的人士组成。
通过赶集网的本地城市资讯网络平台,本地用户可以实现对所在本地的生活消费信息服务或商品的了解和交易。赶集网分设房产、同城交友、招聘、二手物品交易、大学联盟等最本地化的信息服务,免费提供用户人性化的信息服务。赶集网追求简单,易用的风格,无不相关的页面修饰。
话题要求我谈一谈赶集网的奥运票务专题,可是我找了半天也没找着具体在哪,只有当我选择了某一具体城市,才在页面上看到一条红色的链接——“ 2008年奥运门票,快订购吧!”,大概这就是奥运票务专题。OK,不要跑题。
我将所在地设置为现在自己处在的城市西安,然后打开这个奥运票务专题……我的心拔凉拔凉的,除了一条出售价格高达12000元的奥运会110米男栏决赛门票的消息,整个页面都空空荡荡。

据我所知,奥运会110米栏门票的价格是人民币800元,可惜中国出了一个刘翔。

唧唧歪歪的生活

自从 twitter 创造了“微博客”这种全新概念的web 2.0 应用以来,不计其数的跟风者、模仿者突然从地球上出现,不说国外的模仿者,仅在国内就有叽歪de、饭否、爱唠叨,甚至腾讯(滔滔)等网站提供这种类 twitter 服务。
在微博客未出现之前,人们通常使用 blog 记录日常生活,但并不是所有人都能坚持每天一篇 500 字的“日记”,而那些简短琐碎的句子也不好意思作为一篇文章发布。微博客的出现正好满足了人们这种记录琐碎话语和生活事务的要求,也为越来越懒的人类提供了一个“写作”的平台:P。
说实话,在接这个话题之前我并不知道叽歪de也提供微博客服务,我一直在使用饭否。不过既然想说什么就说什么,我首先就对叽歪de的注册提出疑问,凭什么不能用户名不能短于 5 个字符?我在饭否注册的时候使用 Vayn 作为用户名可以轻松注册,但是在叽歪de以 Vayn 作为用户名注册就会出现“用户名 Vayn 不能短于 5 个字符”这样的提示,很是让人郁闷。

登录叽歪de之后,点击上方第五个模块“设置”,可以在此页面可以将你的叽歪de帐号和你的QQ、MSN、Skype等 IM 软件绑定,除此之外,叽歪de的帐号还可以和手机、水木社区、OpenID也绑定起来。
这样即使不来叽歪de,你也可以通过社区、聊天软件甚至手机发布消息到网络上。
在国内,各大 IM 服务商还没有打算将各自的服务像移动和联通那样打通,通过叽歪de就可以达到不同 IM 在一起聊天的愿望,当然这样比较浪费时间。另外,如果你哪天突然来了什么灵感,但你可能在公交车这样无法写字的地方,可以使用手机免费把灵感记录下来发送到叽歪de保存下来。当你在外地旅游的时候,也可以随时把看到的见闻发送到叽歪de分享给你的网友。
不过国内的几家微博客都在提供这些服务。饭否提供了 API 让大家共同参与其建设,在我的 blog 上就有通过饭否 API 开发出来的小功能。不知道叽歪de有何突出优势能够突破这片“红海”?
如果你想尝试一下记录自己那唧唧歪歪的生活,不妨尝试一下叽歪de,至少它的 UI 还做的不错。