無標題文檔

Google 发布 doctype 文档库

Google 做事低调,但总是给我们新的惊喜。日前,Google 发布了针对 Web 开发人员的 doctype 开发库

https://friable.rocks/_/2009_11_05/9863659e5065.jpg

众所周知,Google 在 Web 领域一直是先行者,华丽的 Gmail、实用的 Reader 都能体现 Google 非同一般的前端开发功底。

而此 doctype 开发库,就可以认为是前端开发的百科全书。其内容包括 Web 安全、DOM 操作、CSS 以及 HTML 优化、参考等各方面,更难能珍贵的是还包括了基于 BSD 协议的 Google 内部使用的早先未发行的代码。

相信上述的内容足矣让任何一名 Web 开发人员疯狂(本人从今开始认真学习 -_-!)。废话不多说, 大家来一起享受这场盛宴吧

访问: 主页 项目页

--EOF--

PS:Mac 下怎么截取某个活动窗口?

创建具有可访问性的 Slider

英文原文在此 ,对于 accessible 这个单词的理解,我个人认为是「可访问性」(原谅本人蹩脚的「国式英语」)。Slider 是 GUI 的基本控件之一, YUI 库中也有相应的组件 ,而我将其称之为「拉动条」。

废话不多说,下面我主要总结下原文作者的思路(翻译太麻烦,见谅)。在一般的情况下(二般的下面说),Slider 的值是唯一的。原作者认为从语义上理解,是个 select 元素集合,本人很是同意他的观点。

https://friable.rocks/_/2008_05_24/1211639806.png

但由于 CSS 对于 select 元素控制有限,原作者的方法是先使用 CSS 渲染某个 Javascript 动态生成的 div 容器(div 好控制得多,请再次原谅本人的 CSS 水准),然后使用 Javascript 将其动态的从视觉上替换这个 select,再将用户操作 div 的值传回给 select( 范例 )。

之所以这样的做法本人认为是具有「可访问性」的,是因为在没有 CSS 以及 Javascript 支持的情况下(因为上述的 div 根本就不会出现),用户仍然可以得知这个玩意是干什么的。

「二般」的情况,可能需要拉动条需要多个值(比如存储范围等)。则可以根据上述的思路,将两个指针到 div 中(这对于上述已经写好的 样式而言,并不复杂),然后分别代表两个 select 的值( 范例 )。

上述的原理和思路,本人认为并不复杂,但文章中作者的观点非常值得深究。尤其当用户使用「瘦的不能再瘦的浏览器」时,我们应当如何去处理。

自从传说中的 Web2.0 风起,很多「传统」的 「桌面 GUI 控件」都出现在 Web 中;同时很多现代的浏览器都提供了强大的「技术支持」(Javascript、CSS、Flash、etc...)。作为名 Web 开发人员,应当很清醒的意识到,离开上述「先进的技术」,我们的 HTML(结构)代码,是否还是值得阅读的?

在此做个反省,此前 本人做的一个进度条 ,目前看来毫无复用价值。

MacOS 下安装 Vim 小结

谁知道我怎么想的,我总是尝试在不同的系统下,安装我喜欢的(或者说习惯)的软件。由于 新到手台 iBook G4 ,我尝试将 Vim 安装在此平台下(注,此 Vim 和「控制台」下的不同,更准确的说是「gvim」)。

下面,简单的说下我的安装经验。

由于没有安装 GCC,以及其他的开发库(坦白说,还是不怎么熟悉 MacOS),所以我还是决定二进制安装。追寻 Vim 官方站点的链接,我来到 MacVim 的主页

作者更新还真懒,到现在还是 7.0 版本。似乎 在 GoogleCode 也有个同名的项目 ,不知道和其是否有丝毫的关系。废话不多说,下载之。

解压缩以后,直接将 Vim 的图标拉到「应用程序」中即可完成安装。可怜这个时候启动 Vim 真是惨不忍睹,菜单和文字都「傻眼」了。使用

:version

查看编译进去了什么东西,好在作者将多字节支持编译进去了(否则我这个时候就放弃了)。看来,乱码以及字体太小是配置的问题。

由于 7.1 和 7.0 主要的不同就是修改了诸多的 BUG,以及添加了很多的 RUNTIME。那我就不管三七二十一,将官方下载的源代码包中的 runtime 目录直接覆盖对应的文件。

比如我的机子的对应目录是

/Applications/Vim.app/Contents/Resources/vim/runtime/

如果不了解 runtime 目录在哪里,可以输入

:echo $VIMRUNTIME

获得。文件覆盖以后如果不出意外,重新启动 Vim 以后就可以看见中文菜单了。

然后是字体和颜色方面的配置,经过摸索,直接在 ~/.vimrc 中设置

set guifont=Courier_New:h16
set guifontwide=STXihei:h16

这是我比较满意的字体配置,中文使用黑体,英文使用我 之前说的 Courier 字体 ,大小是 16px(最近流行大字体)。

有关配色方面,我现在改成了 evening 。不知道怎么搞的,这个版本的 Vim 好多颜色常量都不支持,反正也换下口味,这个先不折腾了。

https://friable.rocks/_/2009_11_05/8766659649b2.jpg

OK,现在 Show 下我的 Vim,看起来不错。

我的照片

嗨!我叫「明城」,八零后、码农、宁波佬,现居杭州。除了这里,同时也欢迎您关注我的 GitHubTwitterInstagram 等。

这个 Blog 原先的名字叫 Gracecode.com 、现在叫 「無標題文檔」 。 要知道作为码农取名是件很难的事情,所以不想在取名这事情上太费心思。

作为八零后,自认为还仅存点点可能不怎么被理解的幽默感,以及对平淡生活的追求和向往。 为了避免不必要的麻烦,声明本站所输出的内容以及观点仅代表个人,不代表自己所服务公司或组织的任何立场。

如果您想联系我,可以发我邮件 `echo bWluZ2NoZW5nQG91dGxvb2suY29tCg== | base64 -d`

分类

搜索

文章