最新 | 最热门 | 最高评价

+0  工程师与科学家

Tag: Web 标准
realazy 发于 2009年06月29日 14:53 | 点击: 1260 | 展开摘要
入行已久,做的领域也从浏览器扩展到桌面端甚至是手机端,对 Web 标准多少有些自己的看法,今日斗胆一说。

两种家

我们困惑不解、迷惑不安,很大程度上源于没有指导思想。要摆正自己的位置,我们究竟是想做科学家,还是想做工程师。简明扼要,科学家经常要问“为什么”,他们关心了解人类不懂的知识;工程师则利用科学家发现的知识,制造对人类有用的物体或工具。前者研究,后者实战。很明显,我们大多数人属于工程师,W3C 那一群才是科学家。端正自己的态度,很多疑问就会迎刃而解。

两种用法

查看全文: http://www.udpwork.com/item/6413.html

+0  superLink,让伪链接更有可用性

Tag: Web开发 | Accessibility | JavaScript
loaoao@gmail.com (aoao) 发于 2009年06月01日 01:48 | 点击: 1630 | 展开摘要
前几天,看到有人写了个superLink的东东,主要的做什么用呢?

我们有时会给在大块元素加个window.location='http://www.aoao.org.cn',还顺便把光标定义成移上去会变成手势还代替链接,为什么不直接用<a>因为有时东西太多,不能放在链接里,比如hx、p、 li之类的。那问题来了,用js处理会让链接的功能没了一堆,作者在他的文章说到:

中键:新tab打开 (aoao注:中键功能变更滴同学无视)

CTRL/SHIFT 单点:新

查看全文: http://www.udpwork.com/item/758.html

+0  yslow 2 更新(含可下载地址)

Tag: Web开发 | firebug | 网站优化
loaoao@gmail.com (aoao) 发于 2009年05月01日 22:29 | 点击: 1628 | 展开摘要
在前端开发中,Yslow 是个很不错的参考,对于网站的优化也能提出一些不错的建议。

这次的版本做了些很不错的修改,除了官方提供的地址在国内下载不了外没什么不好,详细的大家自己体验了。下载地址:

官方下载 (暂时下载不了,估计是文件服务器没同步,代理可下)

我放在box跟自己的空间,是从官方下来的。

查看全文: http://www.udpwork.com/item/759.html

+0  纯CSS在Firefox模拟text-overflow: ellipsis效果

Tag: Web开发 | CSS | Firefox | text-overflow
loaoao@gmail.com (aoao) 发于 2009年03月15日 22:09 | 点击: 1786 | 展开摘要
text-overflow这个属性真让Firefox折腾,虽然之前有写过Firefox通过XUL实现text-overflow:ellipsis的效果,不过要外挂xbl来用也就一直没用,虽然想过Data URI,但其实还不如外挂xbl。

这两天在论坛看到14px同学写的超过宽度显示省略号(无js全兼容),想法很有创意,使用一张图片来做“…”,另一张图片用来在字不够长的情况下盖掉“…”,原文攻略很完整,大家可以去看一下思路,个人认为的缺点就是用了图片,

查看全文: http://www.udpwork.com/item/760.html

+0  用私有属性来拯救IE7缩放图片的失真

Tag: Web开发 | CSS | IE7
loaoao@gmail.com (aoao) 发于 2009年03月02日 01:13 | 点击: 1511 | 展开摘要
图片缩放会失真是真理,在浏览器里也一样,貌似使用传说中的双三次插值可以让失真看起来比较不明显,但是真的想不通IE7已经实现了,却不默认打开,是体谅我们的CPU还是内存呢?

简单来说,我们在图片的CSS 加-ms-interpolation-mode: bicubic 就可以让IE7的图片在有缩放的情况下,失真变得不怎样明显,

更多的测试可以到可以到MSDN做的例子看一下效果,或者到血統の森-web実験小屋看一下效果。

没想到IE7平滑的效果居然可以比Safari好。更让

查看全文: http://www.udpwork.com/item/761.html

+0  省市级联菜单的可用性

Tag: Web开发 | Accessibility | JavaScript
loaoao@gmail.com (aoao) 发于 2009年02月15日 03:02 | 点击: 1473 | 展开摘要
省市级联这东西基本是网注一份,而且基本是全是js写的,js写唯一坏处就是JS无效时不可用,我所说的js无效包括不支持js,js加载未完成或者失败。

为了避免不可用,我曾经跟同事讨论过这样的实现方案。

默认显示为 input , 没加载完或者XX时,用户也可以填;

js有效时,用select代替掉input;

如果input里已经有内容,要记得拿给select;

某些情况可以考虑把第一个直接输出在html上。

还要考虑的问题

input 输入的地址数据的修正与格式

查看全文: http://www.udpwork.com/item/762.html

+0  语义化的label?

Tag: Web开发 | Accessibility | input
loaoao@gmail.com (aoao) 发于 2009年02月08日 23:39 | 点击: 1695 | 展开摘要
大家应该经常看到在文本框里提示文字,然后一点就没了。通常做法都是默认给个value,通过js来处理。详细实现都不介绍了,大家都会。现在来看一下一个比较创意的实现。

就是直接用label的内容盖在input上面,然后用js来处理一下。详细实现就不用说了,反正我想尝试纯CSS是没办法实现滴。从结构上来看,还是比较理想的,充分利用了label

<label id="usernameLabel" for="username" class="placeholder">&

查看全文: http://www.udpwork.com/item/763.html

+0  兼容所有浏览器的设为首页与显示小策略

Tag: Web开发 | JavaScript
loaoao@gmail.com (aoao) 发于 2009年01月10日 02:32 | 点击: 1648 | 展开摘要
在IE比较简单,大家都知道用setHomePage来设置,懒人写法:

<a href="#setHomePage" onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.aoao.org.cn');return false;">Set HomePage</a>

IE的结束了没?当然没有,其实M$还提供了一个神奇的接口给我们:isHomeP

查看全文: http://www.udpwork.com/item/764.html

+0  CSS系统颜色

Tag: Web开发 | color | CSS
loaoao@gmail.com (aoao) 发于 2009年01月04日 02:01 | 点击: 1669 | 展开摘要
直接调用系统的颜色显示在网页上本来是件很好玩滴事,但是,也有个缺点,就是可用的色太少 比如Bindows在它的启动画面一点点应用。

=。= 上次本来想在某个产品上应用,结果给人BS了,原因是色不好看 囧rz

在css21 中 System Colors也有相关描述,CSS3还加了超链接的色,还有个flavor。

但是,要有浏览器支持才是硬道理,浏览器不支持,虾米都回家睡觉。

附各色显示效果,如果看不到文字部分就像刮彩票一半刮开看一下,其中,Background 这个在

查看全文: http://www.udpwork.com/item/765.html

+0  UCWeb 6.3 的全键盘快捷键处理到底是进步还是倒退?

Tag: Software | bad design | qwerty | shortcut | ucweb 6.3
kxn 发于 2008年12月27日 14:42 | 点击: 1296 | 展开摘要
以前一直很喜欢 UCWEB,从 3.x 版本我就开始使用它,中间换了三台手机(SE K700C, Treo 650, SE M600i) 。不论是数字键盘,还是全键盘,还是触摸屏,UCWEB 都工作得比较令我满意。07 年时候因为 Treo 650 用 java 的 ucweb 容易死机,我还特意将手机换成了 M600i 。这个手机是个准全键盘,数字键左右两边按下会当不同的字母处理, UCWEB 6.2 以前的版本对这种准全键盘的也能响应,不需要切换到数字模式就可以按前进后退

查看全文: http://www.udpwork.com/item/6164.html

+0  人肉gzip

Tag: Web开发 | 前端架构
loaoao@gmail.com (aoao) 发于 2008年11月17日 02:15 | 点击: 1533 | 展开摘要
gzip 是什么东东呢?百科跟我们说

gzip是GNU zip的缩写,它是一个 GNU 自由软件的文件压缩程序。…

gzip 的基础是 DEFLATE ,DEFLATE 是 LZ77 与哈夫曼编码的一个组合体。…

“gzip” 也经常用来表示 gzip 文件格式,这种格式:

10 字节的头,包含幻数、版本号以及时间戳

可选的扩展头,如原文件名

文件体,包括 DEFLATE 压缩的数据

8 字节的尾注,包括 CRC-32 校验和以及未压缩的

查看全文: http://www.udpwork.com/item/767.html

+0  maxthon bugs ☠

Tag: Web开发 | IE | 浏览器
loaoao@gmail.com (aoao) 发于 2008年09月20日 01:34 | 点击: 3514 | 展开摘要
TMD这年头做前端真命苦,IE出了N个版本就算了,还跳出个马桶出来。你说你这个马桶,用人家内核就好好用拉。还改人家的东西干啥,那你改就改拉,还帮人家改出来问题来,难道你是怕我们找不到工作。

2.12以前的版本不清楚,maxthon自身的问题不关心,我只关于它跟原生IE的区别。目前已经发现的这样多。

在特殊情况下windows.opener不见了。出现在2.12 ,2.14正常-_-b。

input出自动完成列表,双击内容,focus/blur 有时会有问题,2.14问题

查看全文: http://www.udpwork.com/item/769.html
|<<<29303132333435>>>| 一共35页, 412条记录