使用JS操作HTML，创建N个层
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<me ...
by tianshi0253 2008-07-09 浏览 (105) 回复 (0)
成功的用户体验必须遵循的各个步骤
目前很多网站都留不住很大一部分原因就是用户体验的设计，所以这一点是我们在网站开发中必定要考虑到的。
让使用者接受易用导航模式，让他们能方便在网站巡游，最短时间接触到最重要的信息，这是我们每一个做web开发人员的目标。其中当然要充分考虑人机对话方式的设计。
功能规 ...
by tiger.passion 2008-06-11 浏览 (280) 回复 (2)
建立用户体验（User Experience，UX）过程的实用指南
由De Dream', Windy(http://www.DeDream.com)，2007年7月
摘译自Box&Arrows团队和Amy Hillman的Pioneering a User Experience (UX) Process
名词：用户体验，User Experience/UX
也许你刚刚来到一家公司，他们希望进行一些“可用性”工作。你可能是一名 ...
by tiger.passion 2008-06-11 浏览 (239) 回复 (0)
关于背景图片的定位(background-position)
最近仔细研究了一下关于css 背景图片的定位问题，也许有的朋友会认为这是个简单的问题，以至于在网上很难搜到关于background-position的详细解释，能搜到的帖子基本上都是千篇一律的把概念复制一下贴出来的。
不过在这里我还是先要把概念再罗嗦一遍(不想看的朋友可以直接跳过这个部分)
语法：
backg ...
by ice-cream 2008-06-08 浏览 (704) 回复 (0)
CSS 表头固定
做页面表格展现的时候，经常会遇到一种情况 -- 将第一行和第一列的固定，便于数据阅读（统计数据表通常要求不分页），自己做的过程中遇到一些小麻烦，网络上看都有人用JS实现表头固定，但是此时表头却是透明的，下拉下去的时候看着太不舒服，偶然间看到一篇单纯用CSS实现而且巨容易，简略的说就是用到expression，position ...
by littlebode 2008-06-01 浏览 (283) 回复 (4)
如何让用户更熟悉web浏览
当进入一个网站，其实和我们进入一个大商场差不多，我们在进入到家乐福，开始要找寻我们想要的东西时，我们通常会 寻找到正确的部门 ，寻找到合适的走廊，再寻找合适的产品，找到了自己想要的东西，最后付钱离开。当然不是每次都能这么胜利就能找到的，往往你要重复找寻好几次，也许你也会找一位家乐福内部员工问一问，最后找到了自己想要的东西，最后付钱离开。 ...
by tiger.passion 2008-04-15 浏览 (806) 回复 (0)
设计web导航时应考虑的5个要素
优秀的web导航通常要求整个网站保持一致，并且他通常包括5个十分重要的元素，如图：
当然，也并不是网站上的每个页面都一样，有几个例外：
主页
－－主页和其他页面不一样，他承担着一些不同任务，遵循着一些不同的承诺。
表单
－－在填写表单的页面，持久导航可能会成为不必要 ...
by tiger.passion 2008-04-15 浏览 (778) 回复 (0)
网上浏览指示
在web上体验缺乏许多我们在生活空间相处的感觉，因为在web空间有以下特点：
感觉不到大小
－－你不可能像现实生活一样，从视觉之内/视觉之外来对你正处在的某个站点进行规模评估。
感觉不到方向
－－在网站上，没有左右、上下之分，他们只存在这层次结构，即上一级和下一级。
...
by tiger.passion 2008-04-15 浏览 (699) 回复 (0)
几种漂亮边框制作教程
今天有空就画了几种类型的边框，还不错，我把教程一同附上。描述：喷溅撕边边框图片：步骤：1.打开需要做边框的图片，双点图片，确定，解锁。2.用选择矩形框画一个比原图小一圈的选区。3.按Q（进入快速蒙板）4.滤镜——画笔描边——喷溅，半径10，平滑度2（按个人需求随便调整）5.按Q（退出蒙板）6.CTRL+SHIFT+I（反选），DEL（删除）7.CTR ...
by ice-cream 2008-04-02 浏览 (1993) 回复 (4)
《css实战手册》读书笔记——管理多种样式公式
最近正在看《CSS实战手册》这本书，发现第五章管理多种样式中的样式优先级公式挺实用的。 有时候我们给同样一个属性用多种方式去定义样式，来自最具体的样式的属性会胜出，但不知道到底哪种样式最具体，好在css还提供了一个公式，他根据指派给样式选择器的值决定样式的特性——标签选择器、类选择器、ID选择器，等等。这个系统是这样进行的： ...
by ice-cream 2008-03-28 浏览 (1247) 回复 (7)
（续）广告牌设计101法则
由上一片文章说提到的假设上升到理论～设计法则－－广告牌设计101法则（原自《Don't Make Me Think》一书）用户使用方式是快速浏览扫描的网站，设计上需要注意5个重要方面。 在每个页面上建立清楚的视觉层次。 尽量利用习惯用法。 把页面划分成明确定义的区域。 明显标识可以点击的地方。 最大限度降低干扰。 1、建立清楚的视觉层次（既确保页面上所以内容的外观、所有 ...
by tiger.passion 2008-03-28 浏览 (1057) 回复 (0)
一个搭便车的旅行者需要明显的指南 : 网站的可用性
假设你是一个搭便车的旅行者,那么当你来到一个陌生的站台时,你最需要的就是能有一个明显的指南; 所以站台上通常会有各式各样的指示牌,来引导大家及时准确的到达自己的目的地,它们大都有以下特点:招牌柱、能见、易读、字型简单、语言通俗、有些也支援肖像。总的来说就是 实效。
要是能在我们的网站上使用这些事物多好! 穿梭在网上的网友其实就是一个个搭便车的旅行者,偶尔的机会又或是闻名而来,他们来到我们的 ...
by tiger.passion 2008-03-25 浏览 (1174) 回复 (0)
Firefox 3 Beta 4已完成测试，Firefox 3最终版本也即将完成
Mozilla表示，在经过几个月的开发之后，Firefox 3试用版已经推出。 Mozilla负责工程研发的副总裁迈克·斯科罗普夫(Mike Schroepfer)称：“Firefox 3在很多方面都比其他浏览器更加稳定。”他表示，Mozilla工程师仍在对Firefox 3进行最后的测试和完善，有望在6月底以前推出最终版本.
Ars Technica上的一篇文章中对Firefox 3 B ...
by tiger.passion 2008-03-22 浏览 (1377) 回复 (2)
FF、IE7、IE6的CSS问题
1. !important随着IE7对!important的支持,现在IE7和FF都支持!important，可以用!important来区分FF、IE7和IE6的高度。用法如下：<style rel="stylesheet" type="text/css">
<!--
.content{background:#a5a5a5;heigh ...
by ice-cream 2008-03-16 浏览 (1507) 回复 (0)
cssdiv24个翻页
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml&quo ...
by bat0906 2008-03-12 浏览 (327) 回复 (0)
浏览器中line的兼容性问题
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style>
<!--
.line{
background:#000;
...
by ice-cream 2008-02-21 浏览 (1915) 回复 (0)
版本、兼容性以及标准 续（翻译）
续前半部分。
Commitment to Standards and Interoperability
对于标准和互操作性的承诺
Yet another reason we feel more mode switches are not a good idea for WebKit is our commitment to Web standards, and to interoperabil ...
by hax 2008-02-10 浏览 (2490) 回复 (2)
版本、兼容性以及标准（翻译）
本文译自Maciej Stachowiak在webkit团队blog上的文章Versioning, Compatibility and Standards。本文可作为分歧巨大的“HTML的版本问题”的背景材料，对此问题的探讨也请移驾此处讨论。注意，【】中的内容为我所加的注。
Versioning, Compatibility and Standards
版本、兼容性以及标准
Posted by ...
by hax 2008-02-10 浏览 (2572) 回复 (0)
如何用css和div控制html页面中的下拉列表框(select)
近日在做一个小型项目的时候，发现ie6中不能用css控制select下拉列表框的样子，甚是郁闷，后来google了一番，加上自己的尝试，终于使用外嵌div的方式比较圆满的解决了这个问题，特写此稿，分享自己的心得体会。
首先，在 ...
by bluecrystal 2007-11-02 浏览 (4563) 回复 (1)
推荐一本书《CSS: The Missing Manual》-- 一本讲css很不错的书
书名： CSS: The Missing Manual
作者： David McFarland
amazon link： www.amazon.com/CSS-Missing-Manual-David-McFarland/dp/0596526873
google book link：books.google.com/books ...
by bluecrystal 2007-10-15 浏览 (4419) 回复 (5)
《CSS实战手册》到手
承蒙译者YuLimin的关照，今天已经拿到了《CSS实战手册》。我也将CSS读书笔记专栏扩充，准备也为本书做读书笔记。不过真的开写也得过一些日子，包括《精通CSS》的读书笔记最近也暂停了更新，需等到10.1长假过后再继续。
今天先说一点点技术无关的。我拿到本书第一感觉是这个书蛮精致的。像书内排版的格式，颇为丰富。相比较而言，《精通CSS》的排版，就很朴素了。其次本书有较宽的margin，可以用来 ...
by hax 2007-09-26 浏览 (6325) 回复 (8)
《精通CSS》读书笔记（七）
续上篇
在第5章的最后，作者对dl做了简短的说明，作者不是很赞同对dl的扩展定义。虽然我也认为后面那些链接给出的文章里，对dl的衍生使用有些过度了，但是dl确实没有得到很好的运用。这源于html规范对其定义的不清不楚。怎样算是term/description呢？HTML4中还说：Another application of DL, for example, is for marking up d ...
by hax 2007-09-05 浏览 (3750) 回复 (0)
IE中IMG元素上应用padding的奇特bug
最近又（又说了“又”）发现了一个IE的奇特bug。
我们知道，在IE的怪癖模式（quirk mode）下，<IMG>元素会忽略所设定的padding。而在标准模式下，则会有padding。
问题是，IE所表现出来的情况说明，整个IE的开发，大量的问题不是从认真修复和从根本上重构，而貌似是不断patch。
举一个例子。最初IE就具有一个bug，即操作scrollbar，会导致控件（如in ...
by hax 2007-09-02 浏览 (3262) 回复 (3)
关于list（ol和ul）的padding和margin
在《CSS Mastery》一书的第5章中，作者说IE和Opera使用margin-left来缩进列表，而Safari和Firefox使用padding-left。经过我的实际测试，发现Opera 9（我实测的是Opera 9.23）同FF和Safari一样，也是使用padding-left的。更精确的说，它们的默认样式应该是：
ol, ul { padding-left:40px; }
而I ...
by hax 2007-09-02 浏览 (3297) 回复 (1)
《精通CSS》读书笔记（六）
续上篇。
第5章
关于列表，首先，由于list-style-image的位置各个浏览器实现的不一致，而且缩进使用padding或margin的不一致，所以本书后面的例子几乎完全抛弃了list-style，将padding和margin一律重置为0，然后从头重新定义。
BTW，关于列表缩进应该使用padding或者margin？我倾向于padding。理由另文撰述。
关于导航条，本书的例子有 ...
by hax 2007-08-29 浏览 (3847) 回复 (0)
css实现强制不换行/自动换行/强制换行
强制不换行
div{
white-space:nowrap;
}
自动换行
div{
word-wrap: break-word;
word-break: normal;
}
强制英文单词断行
div{
word-break:break-all;
}
by wangyi878750 2007-08-29 浏览 (529) 回复 (0)
