2008 年 6月随笔档案 - yuzhongwusan

(转丁学)Firefox2的一个bug和脑子进了水的IE

摘要：先来说IE的这个小问题，对于一个输入框，如果指定了disabled="disabled"，那么所有样式对它无效，不知道IE的开发团队是怎么想的，虽然用户禁用了文本框的可输入性，但并没有禁止此框的显示，所以让样式失效不知道是出于什么考虑。虽然如果样式对禁用的文本框起作用可能会产生“欺骗”，当disabled的文本框和其他文本框表现完全一样时，这是一种对用户的欺骗，明明看起来一样的东西，却产生不同的行... 阅读全文

posted @ 2008-06-24 13:55 yuzhongwusan 阅读(396) 评论(0) 推荐(0) 编辑

表格演义

摘要：你认为已经知道怎么制做表格了吧。当然，你已经了解 table、tr、td和th标签了，甚至还在你的口袋里装入了rowspan和colspan。你确实可以制做一个精美小巧的咖啡色三合板桌子（表格），但难道你不想做一个优雅稳固，上面有玻璃的，足以承受一头大笨象的宴会桌（表格）？列反罢工表格行简直使表格列看起来很愚蠢。同样的工作，表格由行与行构建，让列感到十分沮丧。但是很幸运，colgr... 阅读全文

posted @ 2008-06-24 12:13 yuzhongwusan 阅读(349) 评论(0) 推荐(0) 编辑

一个有趣的发现

摘要：今天设计浏览器窗口滚动条，突然发现这样一个有意思的现象：先运行下面代码无标题文档这在IE 6中无法隐藏滚动条，很郁闷。后来删除就OK了继续尝试，发现在首行增加也OK 噢，明白：但是当使用!DOCTYPE声明打开符合标准的模式时，overflow、overflow-x和overflow-y属性会应用于html元素，应用于body元素时无效。阅读全文

posted @ 2008-06-24 12:12 yuzhongwusan 阅读(380) 评论(2) 推荐(0) 编辑

CSS隐藏内容的三种方法比较

摘要：1.display:none; 搜索引擎可能认为被隐藏的文字属于垃圾信息而被忽略屏幕阅读器（是为视觉上有障碍的人设计的读取屏幕内容的程序）会忽略被隐藏的文字。 2. visibility: hidden ; 这个大家应该比较熟悉就是隐藏的内容会占据他所应该占据物理空间。 3.overflow:hidden;是比较合理的方法 .texthidden { display:block;/*统一... 阅读全文

posted @ 2008-06-24 12:11 yuzhongwusan 阅读(15691) 评论(2) 推荐(0) 编辑

土豆网前端概况

摘要：一、分工和流程在土豆网，以项目开发为核心，谁都可以带项目，担任项目经理。一个典型的土豆网项目中，当进入正式开发阶段，通常参与者包括：1名设计师，1-2名前端工程师，1到多名后台工程师，1-2名系统运维管理员。其中，前三者的工作都是可以并发的，最终整合通常是前段工程师，对于复杂度较低的页面处理，一般工程师也可以直接参与。不管是设计师、前端和后台工程师，对于分离的领会和理解都非常重要，并且导... 阅读全文

posted @ 2008-06-18 09:14 yuzhongwusan 阅读(566) 评论(1) 推荐(0) 编辑

清除浮动的各种方法总结

摘要：很多人都有研究闭合浮动元素的问题，但是解决方法却不一样，也并不是每一种方法都尽善尽美。闭合浮动元素（或者叫清除浮动）是web标准设计中经常会遇到的一个问题，因此，这里我想总结一下目前经常用到的几种方法，并比较一下他们的易用性和适用环境。如果你有更好的方法不妨提出来大家一起讨论。问题的提出：最简单的一种情形就是我们把一个小的、固定宽度的div元素（比如导航、引用等）和其他元素内容一起包含在一个大... 阅读全文

posted @ 2008-06-18 09:09 yuzhongwusan 阅读(13882) 评论(1) 推荐(4) 编辑

CSS 真的可以浮动么？

摘要：CSS 浮动属性（float）是 Web 设计人员工具箱中的一种用来进行页面布局的常见工具，但浏览器实现的不一致性常常会导致该属性不能被很好的理解和使用。本文将重点介绍此浮动属性及其使用、所涉及到的开发工具以及浏览器的不一致性问题。从人类开始书写文字的早期，我们就看到了文绕图的实践。 Web 的先驱们很早就认识到了文字绕图编排的美学价值及这样做所能节省出来的空间，于是在 Netscape ... 阅读全文

posted @ 2008-06-18 09:07 yuzhongwusan 阅读(492) 评论(0) 推荐(0) 编辑

书写高效的CSS

摘要：声明：这是转人家的东西（http://docs.google.com/View?docid=dfkq8hd_13cwq5f5fc#sv8.0），俺没有这个水平，不过读完很受启发，故推荐。译者(云谦 )注：为区分概念，文中的选择器和选择符表示了不同的意思。例如：#main .box a { color:red; }，#main .box a 整个是一个选择器，而#main, .box,... 阅读全文

posted @ 2008-06-18 09:05 yuzhongwusan 阅读(469) 评论(0) 推荐(0) 编辑

实现hover悬停链接文字产生阴影

摘要：实现hover悬停链接文字产生阴影 52CSS HomePage52CSS HomePage Div+CSS教程Div+CSS教程 CSS布局实例CSS布局实例 CSS2.0教程CSS2.0教程 CSS在线手册CSS在线手册 Web标准Web标准 XHTML教程XHTML教程不建议使用滤镜效果（IE专用）。再就是大家看看这个网站htt... 阅读全文

posted @ 2008-06-18 09:04 yuzhongwusan 阅读(877) 评论(0) 推荐(0) 编辑

清除浮动的各种方法总结

摘要：很多人都有研究闭合浮动元素的问题，但是解决方法却不一样，也并不是每一种方法都尽善尽美。闭合浮动元素（或者叫清除浮动）是web标准设计中经常会遇到的一个问题，因此，这里我想总结一下目前经常用到的几种方法，并比较一下他们的易用性和适用环境。如果你有更好的方法不妨提出来大家一起讨论。问题的提出：最简单的一种情形就是我们把一个小的、固定宽度的div元素（比如导航、引用等）和其他元素内容一起包含在一个大... 阅读全文

posted @ 2008-06-14 09:25 yuzhongwusan 阅读(1565) 评论(4) 推荐(0) 编辑

overflowhidden用法思考

摘要：今天在群里（54430674）交流高度自适应问题，linxz℡推荐使用： height:auot;min-height:100px !important; 或 height:auto;overflow:hidden;zoom:1; 这是一个有意思的话题，特别第2种方法给人很多想象的空间。例如：在上面示例中，外包含框在非IE中是不能够子适应高度的，但是增加了声明overflow... 阅读全文

posted @ 2008-06-14 09:24 yuzhongwusan 阅读(2768) 评论(1) 推荐(0) 编辑

实战篇

摘要：现在我们接着来讲怎么在实际开发中结合我前面所讲的理论来开发制作页面吧。现在就来看看我们要制作的页面的图：呵呵，希望我选的这张图没有让大家失望。那，现在图形已经在我们的面前了，现在我们就开始结合我们的理论--合理的布局。我在前面讲了，一个合理布局的页面，要结构清晰，要讲求语意化。那么我们实际的开发的时候要怎么做呢？那现在这个页面，我们一开始，先别忙着切图，先来分析以下页面的结构，说“结构清... 阅读全文

posted @ 2008-06-13 16:58 yuzhongwusan 阅读(277) 评论(0) 推荐(0) 编辑

WEB前端开发经验总结--WEB标准篇

摘要：很久没有写文章，最近一直在忙于找工作和找房子。哎，现在终于安定下来了，哎，又叹息一下，是因为我把去淘宝面试的机会也推掉了，本来以为要卷铺盖回武汉了，哎，不提了，很对不起小马哥，也很对不起自己啊！现在还是在上海，不扯了，开始正题吧。做前端开发快有3年时间，今天跟大家谈谈个人对WEB前端开发的一些经验（当然都是个人的一些理解，有什么地方说的欠妥或不对的地方还请包含和指正），这里我就从WEB标准开始... 阅读全文

posted @ 2008-06-13 16:57 yuzhongwusan 阅读(825) 评论(0) 推荐(0) 编辑

译文:创建性感的CSS

摘要：在网上看到一篇不错的译文，很系统的讲述了写样式时可以如何写得“漂亮”，文中也提到关于样式的管理，这也是我花了很长时间在总结的事，看了这篇文章后，还真有自己动手整理出来的冲动，:) 还是先看看文章吧。原文名称:Creating Sexy Stylesheets 原文地址: http://www.thinkvitamin.com/features/design/creating-sexy-styl... 阅读全文

posted @ 2008-06-13 16:55 yuzhongwusan 阅读(996) 评论(0) 推荐(0) 编辑

提高网页效率的14条准则

摘要：网站最基本的东西是什么？网站最基本的东西是什么？ ——内容？SEO（搜索引擎优化）？UE（用户体验）？都不对！是速度！内容再丰富的网站，如果慢到无法访问也是毫无意义的； SEO做的再好的网站，如果搜索蜘蛛抓不到也是白搭； UE设计的再人性化的网站，如果用户连看都看不到也是空谈。所以网页的效率绝对是最值得关注的方面。如何才能提高一个网页的效率呢？Steve Souders(Steve So... 阅读全文

posted @ 2008-06-11 14:56 yuzhongwusan 阅读(843) 评论(0) 推荐(0) 编辑

如何在本地使用 Yahoo! BrowserPlus

摘要：对于 Yahoo! BrowserPlus 的使用是有限制的（源自《How can I use BrowserPlus on my site?》）： During the “sneak peek,” BrowserPlus can only used on sites owned by Yahoo! or its partners. Our first full public release ... 阅读全文

posted @ 2008-06-09 14:03 yuzhongwusan 阅读(473) 评论(0) 推荐(0) 编辑

Yahoo! BrowserPlus

摘要：BrowserPlus 到底是什么，又能做什么？ BrowserPlus 是 Yahoo! 最近刚发布一个 Web 扩展的平台：终端用户需安装他，而开发者可以通过一个小的 JavaScript 库使用他的特性。平台现有的一些属性包括：从桌面的拖拽；用户断图片的处理（裁切，翻转和滤镜）；桌面通知。 BrowserPlus 最独特的特性是他能在运行中更新和添加服务... 阅读全文

posted @ 2008-06-09 14:02 yuzhongwusan 阅读(528) 评论(0) 推荐(0) 编辑

如何让 Firefox 2 和 Firefox 3 版本并存

摘要：最新的 Firefox 2 版本为 Firefox 2.0.0.14， Firefox 3 版本为 Firefox 3.0rc1。主流依然是 Firefox 2.0.0.14，但由于在不久的将来 Firefox 2 会升级到 Firefox 3，对于我们前端是好消息（更好更优的功能），也是坏消息（提前进入“作战”状态，现在就应该开始测试网站在 Firefox 3 下的兼容性了！）。大家都知道 I... 阅读全文

posted @ 2008-06-09 14:02 yuzhongwusan 阅读(294) 评论(0) 推荐(0) 编辑

设计规范的理想

摘要：撰写和执行设计规范，是一件让人头疼的事情。往往一个项目做到可以抽象出规范的时候，也是这个项目正在全力冲刺的时候，要不要抽出2到5天的宝贵工作时间，来写一堆貌似多余的文字，这是大家一直争论不休的问题，这可以总结成：“什么时候写规范？”。规范之所以让人觉得多余，最重要的原因是认真阅读并执行规范的人实在是太、太、太少了，大部分的规范要么就成了电脑里永不被打开的文件，要么就成了书架上落满灰尘的纸，这可... 阅读全文

posted @ 2008-06-05 16:20 yuzhongwusan 阅读(257) 评论(0) 推荐(0) 编辑

以团队默契总结出规范

摘要：规范的建立之路：我曾经和一个UI、一个程序员三个人一起开发过，我给UI的需求从来不写细节，她出的页面也不会返工。甚至到程序的那个部分都是一路绿灯的。我想这样的开发速度是任何文档或者是规范都是不能比的。但是后来人多了，我就不得不一遍一遍的告诉每一个UI，我的思路是什么，我习惯于怎样去设计，甚至包括我用了什么样的符号在设计文件上，那个是表示什么需求的。这样，容易被UI理解和记忆的被使用了。还有... 阅读全文

posted @ 2008-06-05 16:19 yuzhongwusan 阅读(486) 评论(0) 推荐(0) 编辑

CSS命名规范

摘要：main 热点：hot 新闻：news 下载：download 子导航：subnav 菜单：menu 子菜单：submenu 搜索：search 友情链接：friendlink 页脚：footer 版权：copyright 滚动：scroll 内容：content 标签页：tab 文章列表：list 提示信息：msg 小技巧：tips 栏目标题：title 加入：joinus 指南：guild 服... 阅读全文

posted @ 2008-06-05 10:46 yuzhongwusan 阅读(7505) 评论(3) 推荐(1) 编辑

一些语义化的短语元素

摘要：打开wrodpress的后台编辑器，首先看到的就是这排编辑按钮：众所周知，是在视觉显示上的加粗，是斜体。没有任何的问题，但是当你点击这个按钮的时候插入的是和。也没注意别的文本编辑器是什么样子，但是想wp的确做的不错，即考虑了用户的习惯，同时在语义上也做了很好的努力。说来惭愧，作为一个web开放人员，对于结构和语义的掌握还是非常欠缺的。因为一直以来html似乎因为其简单而被大家忽略。比如本... 阅读全文

posted @ 2008-06-05 10:42 yuzhongwusan 阅读(410) 评论(0) 推荐(0) 编辑

5.2 微格式

摘要：微格式（microformat）让一些人感到非常兴奋，又让一些人深感困惑，这取决于你对它了解多少。我必须承认，当一年前后人们首次开始谈及微格式的时候，我没有完全理解这个重要事物。初次看到hCard微格式，它给我留下的印象就是大量的额外标记，也就是大量的和标签，没有什么别的额外收获。但是，跟其他很多人一样，我最终开始了解到它们所蕴含的巨大潜力以及它们的广泛用途。如果你还是以一种怀疑的眼光来看待微格式... 阅读全文

posted @ 2008-06-04 16:02 yuzhongwusan 阅读(945) 评论(0) 推荐(0) 编辑

5.1 元数据

摘要：元数据（metadata）本质上是关于数据的数据。当从iTunes音乐商店购买一首歌的时候，这首歌曲的文件本身（AAC文件）就是数据，而出现在音频播放器上面的歌曲信息（标题、歌手、专辑、歌曲时长，等等）则是元数据，这些信息以所谓的ID3格式存放在音频文件的起始处。如果正在使用Microsoft Word撰写论文，那么可以获取诸如页数、字数（包括或者剔除脚注）、字符数、段落数、行数之类的信息，论文是... 阅读全文

posted @ 2008-06-04 16:02 yuzhongwusan 阅读(512) 评论(0) 推荐(0) 编辑

浏览器不兼容的源头

摘要：浏览器的不兼容，大家肯定都是深恶痛绝的，往往我们只是去做修补，却忘了更重要的事情，那就是追溯根源，避免类似的不兼容再次出现。在下不才，归纳几点html编码要素，望能指点各位： 1. 文字本身的大小不兼容。同样是font-size:14px的宋体文字，在不同浏览器下占的空间是不一样的，ie下实际占高16px，下留白3px，ff下实际占高17px，上留白1px，下留白3px，opera下就更不一样... 阅读全文

posted @ 2008-06-04 15:59 yuzhongwusan 阅读(550) 评论(3) 推荐(0) 编辑

针对不同分辨率调用不同的CSS

摘要：阅读全文

posted @ 2008-06-04 15:58 yuzhongwusan 阅读(493) 评论(0) 推荐(0) 编辑

图片垂直居中的使用技巧

摘要：在曾经的淘宝UED 招聘中有这样一道题目： “使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。” 当然出题并不是随意，而是有其现实的原因，垂直居中是淘宝工作中最常遇到的一个问题，很有代表性。题目的难点在于两点：垂直居中；图片是个置换元素，有些特殊的特性。至于如何解决，下面是一个权衡的相对结构干净，CSS简单的... 阅读全文

posted @ 2008-06-03 13:54 yuzhongwusan 阅读(432) 评论(0) 推荐(0) 编辑

搜索

常用链接

最新随笔

我的标签

积分与排名

随笔档案 (470)

文章档案 (6)

嗷嗷 http://www.aoao.org.cn/

阅读排行榜

评论排行榜

推荐排行榜

最新评论