极简设计
作者:天牢囚犯 日期:2008-12-02
1. 内容是重点
极简设计的重点不是视觉呈现，而是内容，--以干净利落、直观明了的方式呈现的信息。
极简指的是版面设计的结构；但所有简约设计的主要目的是实现设计的功能并传递要表达的信息。内容是网页的重点，无论这些内容是一组照片、网页设计，还是文字。设计不能喧宾夺主。
Autumn Whitehurst Illustration
在这个设计中，简单的白色背景和淡化的文字使视线集中在艺术作品上。
2. 留白为主
为了方便读者浏览和阅读网页内容，极简设计通常采用大量的留白。在有些设计中，留白占主导地位，约占整体布局的60%到70%。虽然这些留白显得单调，而极少量的网站元素却牢牢地抓住了浏览者的注意力，并有效地影响他们对网站整体设计的认识。
经验之谈：网页元素较少而留白较多，这样的设计中，浏览者能注意到每个元素。
极简设计的重点不是视觉呈现，而是内容，--以干净利落、直观明了的方式呈现的信息。
极简指的是版面设计的结构；但所有简约设计的主要目的是实现设计的功能并传递要表达的信息。内容是网页的重点，无论这些内容是一组照片、网页设计，还是文字。设计不能喧宾夺主。
Autumn Whitehurst Illustration
在这个设计中，简单的白色背景和淡化的文字使视线集中在艺术作品上。
2. 留白为主
为了方便读者浏览和阅读网页内容，极简设计通常采用大量的留白。在有些设计中，留白占主导地位，约占整体布局的60%到70%。虽然这些留白显得单调，而极少量的网站元素却牢牢地抓住了浏览者的注意力，并有效地影响他们对网站整体设计的认识。
经验之谈：网页元素较少而留白较多，这样的设计中，浏览者能注意到每个元素。
服务器硬盘挂了，丢失1年数据~~
作者:天牢囚犯 日期:2008-11-15
前2天服务器中毒，用杀毒软件杀毒之后造成操作系统无法启动。重装系统之后，发现分区只剩系统分区。估计是分区表丢失。不过就在这个时候，某人竟然急急忙忙的重新分区~~~无语……我这个blog将近1年没备份数据库了。之后只能用工具恢复数据，恢复了3天。找了10%的数据。且大部分都是无用数据~~~~
正所谓旧的不去新的不来，既然数据丢失。那正好就这次的事故的机会，升级下blog系统。导数据，做皮肤，耗费大半天的时间，顺利升级到PJ3。
现在的blog数据恢复到的是 07年7月份。丢掉1年多的数据。不过幸好 我之前有有用GReader订阅了自己的RSS，内容倒是保存了。
防范风险的意识不能丢哟。~~~~~~~以后要经常备份数据。
正所谓旧的不去新的不来，既然数据丢失。那正好就这次的事故的机会，升级下blog系统。导数据，做皮肤，耗费大半天的时间，顺利升级到PJ3。
现在的blog数据恢复到的是 07年7月份。丢掉1年多的数据。不过幸好 我之前有有用GReader订阅了自己的RSS，内容倒是保存了。
防范风险的意识不能丢哟。~~~~~~~以后要经常备份数据。
收集整理:主流Web浏览器引擎列表
作者:天牢囚犯 日期:2008-09-09
10年来,微软的Internet Explorer几乎统治了整个浏览器市场,而最近,FireFox,Safari,Opera,Google Chrome已经对IE构成了围攻之势.
他们凭借什么去和IE对抗?答案是各自不同的优秀引擎,引擎是浏览器的核心,渲染网页的速度,效果都将在引擎的好坏上体现出来,以下向大家介绍目前世界范围内主流的浏览器引擎.
Trident
流行的应用 Internet Explorer, Avant Browser, Maxathon, Microsoft Outlook, Outlook Express, AOL Browser
授权: 闭源
Acid2 兼容性: 是 (Internet Explorer 8)
Acid3 兼容性: 否
操作系统支持: Windows
他们凭借什么去和IE对抗?答案是各自不同的优秀引擎,引擎是浏览器的核心,渲染网页的速度,效果都将在引擎的好坏上体现出来,以下向大家介绍目前世界范围内主流的浏览器引擎.
Trident
流行的应用 Internet Explorer, Avant Browser, Maxathon, Microsoft Outlook, Outlook Express, AOL Browser
授权: 闭源
Acid2 兼容性: 是 (Internet Explorer 8)
Acid3 兼容性: 否
操作系统支持: Windows
电脑一族预防颈椎劳损八法
作者:天牢囚犯 日期:2008-08-19
做一个试验：将你的头轻轻后仰，然后尽力向左转，再向右转，你一定会找到酸疼、僵硬的感觉。最新调查显示：由于长期慢性劳损，颈椎病的发病年龄已经从40
岁提前到30岁，并成为名副其实的白领职业病。更让人担心的是，颈椎上承头颅，下接躯干，既是脊椎中活动最多部位，也是神经中枢最重要部位，更是心脑血管
的必经之路，一旦发生故障，后果严重。
亡羊补牢永远比不上未雨绸缪，与其等到颈椎受伤，再去接受长期繁琐的治疗，还不如先发制人，主动出击，让颈椎受到我们的精心照顾，不发生事故。
保养秘笈一 ：早晨主动调温
古
人喜欢穿长衣服，一方面是为了礼仪，其实另一方面也是养生之需。无论冬夏，都要给自己的颈椎以舒适的温度。即使是为了美丽，也要在办公室准备一件披肩，以
保护好颈背部。偶然有受寒现象，给自己煎一碗驱寒汤：材料是红糖2汤匙、生姜7片，水煎10分钟，饮用1~2次就可以驱走寒气。
保养秘笈二：5分钟的颈椎操
岁提前到30岁，并成为名副其实的白领职业病。更让人担心的是，颈椎上承头颅，下接躯干，既是脊椎中活动最多部位，也是神经中枢最重要部位，更是心脑血管
的必经之路，一旦发生故障，后果严重。
亡羊补牢永远比不上未雨绸缪，与其等到颈椎受伤，再去接受长期繁琐的治疗，还不如先发制人，主动出击，让颈椎受到我们的精心照顾，不发生事故。
保养秘笈一 ：早晨主动调温
古
人喜欢穿长衣服，一方面是为了礼仪，其实另一方面也是养生之需。无论冬夏，都要给自己的颈椎以舒适的温度。即使是为了美丽，也要在办公室准备一件披肩，以
保护好颈背部。偶然有受寒现象，给自己煎一碗驱寒汤：材料是红糖2汤匙、生姜7片，水煎10分钟，饮用1~2次就可以驱走寒气。
保养秘笈二：5分钟的颈椎操
使table也能overflow:hidden
作者:天牢囚犯 日期:2008-08-13
overflow用在div上时很好用，但直接用在td上，好像没有任何效果。
td中的文本过长时依然自动换了一行
像下面这要设定一下就行了
HTML代码
[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
td中的文本过长时依然自动换了一行
像下面这要设定一下就行了
HTML代码[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
使用笔记本电脑要采用怎样的坐姿?
作者:天牢囚犯 日期:2008-06-26
无论你在家里、办公室还是在飞机、火车等交通工具上使用笔记本电脑，坐下来输入甚至仅仅是观看屏幕都会让你的身体过度疲劳。下面我们就来看看都有哪些情况会造成这样的局面，以及怎样尽量将身体受到的影响降到最小。
你有多喜欢你的笔记本电脑？事实上，你越喜欢它，它为你的身体带来的伤害也就可能越大，这不是危言耸听，长时间在计算机面前的人们，几乎都有这样的感受——我们的肩膀、颈部以及手臂部分都有肌肉劳损现象，并且手腕的关节也不像以前那么好了。这并不是说使用计算机便会伤害身体，造成上述损伤的主要原因是使用计算设备时的姿势和时间问题。
国外的有关组织曾经发布过一项调查报告，报告中说每天都有6位“不幸”的人被迫离开他们的工作岗位，罪魁祸首就是肌肉劳损，这种看上去并不严重的病症让他们无法继续工作。不仅如此，肌肉劳损还会影响到你生活中的其他部分，例如在开车的时候可能会感到不舒服，购物的时候会感到身体某个部位不自在，写一封信也会觉得这疼那疼，甚至往暖壶里面灌水这样简单的操作都会让你感到痛苦。根据那项报告表明，在欧洲每50个工人中就会有一位患上肌肉劳损；在澳大利亚，使用笔记本电脑的学生中有60%的人会提出身体感到不适；在荷兰，40%的大学生都有肌肉劳损病症。
正确的坐姿对减轻或者避免肌肉劳损来说至关重要，在使用笔记本电脑的时候，你的身体必须保持正确的角度——举例来说，当你需要进行输入操作时，你的背部应该保持直立，后手臂尽量垂直，与前手臂成90度，并且你的屏幕应该基本与眼部平齐。这些在台式机上很容易做到，因为你可以调整显示器的角度和高度，让它正好和眼睛在一条水平线上；你也可以调整桌子的高度，还可以调整键盘和鼠标的位置。但是对于屏幕和键盘都固定的，并且时常移动使用的笔记本电脑来说，能做到其中一点就很不错了，想要同时调整每个部分是不可能的。
当然，笔记本电脑的诱人之处就是在于可移动性，它让你可以在飞机上、火车上甚至高速公路的服务站里面使用，如果说这些地方对于使用来说是一种恶劣的环境，恐怕没有人会反对：飞机上的坐椅很不舒服，并且提供的乘坐空间很有限；火车上的桌子对于输入操作来说太高了，但是对欣赏DVD等需要观看屏幕的操作来讲又有些低；至于服务站就更别提了，能有一个地方让你坐下就不错了。即便是这样，我们还是有办法尽量去解决这个问题
无论你在什么地方使用笔记本电脑，间歇休息都是必要的，如果你必须长时间使用笔记本电脑，那么要确保每小时有15分钟的休息时间，这里说的休息并不是停止工作，而是去做一些和使用计算机无关的工作，例如去检查一下快递、到实验室为产品拍照、给工作伙伴打个电话等等。
我们查阅了一些这方面的相关资料，并咨询了有关专家，在下文中，我们针对在办公室、家中、飞机上等各中使用环境列出了理想的使用姿势，其中有些是针对笔记本电脑的，有些则对台式机同样有效。
◆办公室
你的老板应该提供一个舒适的工作环境，这里列出来你都应该要些什么。
你有多喜欢你的笔记本电脑？事实上，你越喜欢它，它为你的身体带来的伤害也就可能越大，这不是危言耸听，长时间在计算机面前的人们，几乎都有这样的感受——我们的肩膀、颈部以及手臂部分都有肌肉劳损现象，并且手腕的关节也不像以前那么好了。这并不是说使用计算机便会伤害身体，造成上述损伤的主要原因是使用计算设备时的姿势和时间问题。
国外的有关组织曾经发布过一项调查报告，报告中说每天都有6位“不幸”的人被迫离开他们的工作岗位，罪魁祸首就是肌肉劳损，这种看上去并不严重的病症让他们无法继续工作。不仅如此，肌肉劳损还会影响到你生活中的其他部分，例如在开车的时候可能会感到不舒服，购物的时候会感到身体某个部位不自在，写一封信也会觉得这疼那疼，甚至往暖壶里面灌水这样简单的操作都会让你感到痛苦。根据那项报告表明，在欧洲每50个工人中就会有一位患上肌肉劳损；在澳大利亚，使用笔记本电脑的学生中有60%的人会提出身体感到不适；在荷兰，40%的大学生都有肌肉劳损病症。
正确的坐姿对减轻或者避免肌肉劳损来说至关重要，在使用笔记本电脑的时候，你的身体必须保持正确的角度——举例来说，当你需要进行输入操作时，你的背部应该保持直立，后手臂尽量垂直，与前手臂成90度，并且你的屏幕应该基本与眼部平齐。这些在台式机上很容易做到，因为你可以调整显示器的角度和高度，让它正好和眼睛在一条水平线上；你也可以调整桌子的高度，还可以调整键盘和鼠标的位置。但是对于屏幕和键盘都固定的，并且时常移动使用的笔记本电脑来说，能做到其中一点就很不错了，想要同时调整每个部分是不可能的。
当然，笔记本电脑的诱人之处就是在于可移动性，它让你可以在飞机上、火车上甚至高速公路的服务站里面使用，如果说这些地方对于使用来说是一种恶劣的环境，恐怕没有人会反对：飞机上的坐椅很不舒服，并且提供的乘坐空间很有限；火车上的桌子对于输入操作来说太高了，但是对欣赏DVD等需要观看屏幕的操作来讲又有些低；至于服务站就更别提了，能有一个地方让你坐下就不错了。即便是这样，我们还是有办法尽量去解决这个问题
无论你在什么地方使用笔记本电脑，间歇休息都是必要的，如果你必须长时间使用笔记本电脑，那么要确保每小时有15分钟的休息时间，这里说的休息并不是停止工作，而是去做一些和使用计算机无关的工作，例如去检查一下快递、到实验室为产品拍照、给工作伙伴打个电话等等。
我们查阅了一些这方面的相关资料，并咨询了有关专家，在下文中，我们针对在办公室、家中、飞机上等各中使用环境列出了理想的使用姿势，其中有些是针对笔记本电脑的，有些则对台式机同样有效。
◆办公室
你的老板应该提供一个舒适的工作环境，这里列出来你都应该要些什么。
utf8模板在IE下页面无端空出一行的解决方法
作者:天牢囚犯 日期:2008-06-18
开发中一直没办法解决的一个问题，收藏
页面采用UTF8编码，头部和尾部用了模板包含文件的方法，结果头部和尾部无端端各多出一个约10px的空行，什么也没有。
原因是全部采用utf8编码，包含文件的时候，最后的二进制流中包含了多次UTF8 BOM标记，IE不能正常解析包含多个UTF8 BOM 标记的页面，直接替换成实际显示的回车，这样导致一个空行，而firefox却没有这个问题。
故如果模板采用包含的方法包含多个utf8文件需要用ultraedit保存时另存为功能 选择utf8 无bom格式保存即可。
另外，如果中文页面在html head标记中将title标记放在<meta http-equiv=”content-type” content=”text/html; charset=UTF-8″ />前面会导致页面空白。
所以utf8页面应该使用标准顺序
引用内容
页面采用UTF8编码，头部和尾部用了模板包含文件的方法，结果头部和尾部无端端各多出一个约10px的空行，什么也没有。
原因是全部采用utf8编码，包含文件的时候，最后的二进制流中包含了多次UTF8 BOM标记，IE不能正常解析包含多个UTF8 BOM 标记的页面，直接替换成实际显示的回车，这样导致一个空行，而firefox却没有这个问题。
故如果模板采用包含的方法包含多个utf8文件需要用ultraedit保存时另存为功能 选择utf8 无bom格式保存即可。
另外，如果中文页面在html head标记中将title标记放在<meta http-equiv=”content-type” content=”text/html; charset=UTF-8″ />前面会导致页面空白。
所以utf8页面应该使用标准顺序
引用内容<meta http-equiv=”content-type” content=”text/html; charset=UTF-8″ />
<meta http-equiv=”content-language” content=”zh-CN” />
<meta http-equiv=”content-language” content=”zh-CN” />
在论坛中经常看到的那种直接能运行程序的东东
作者:天牢囚犯 日期:2008-03-31
在论坛中经常看到的那种直接能运行程序的东东
程序代码
<SCRIPT language=JavaScript>
function runCode() //定义一个运行代码的函数，
{
var code=event.srcElement.parentElement.children[0].value;//即要运行的代码。
var newwin=window.open('','',''); //打开一个窗口并赋给变量newwin。
程序代码
<SCRIPT language=JavaScript>
function runCode() //定义一个运行代码的函数，
{
var code=event.srcElement.parentElement.children[0].value;//即要运行的代码。
var newwin=window.open('','',''); //打开一个窗口并赋给变量newwin。
收集的一些css framework
作者:天牢囚犯 日期:2008-03-21
YUI CSS库
http://developer.yahoo.com/yui/
YAML（Yet Another Multicolumn Layout）
http://www.yaml.de/en/
Content with Style: A CSS Framework
http://www.contentwithstyle.co.uk/Articles/17/
http://developer.yahoo.com/yui/
YAML（Yet Another Multicolumn Layout）
http://www.yaml.de/en/
Content with Style: A CSS Framework
http://www.contentwithstyle.co.uk/Articles/17/
css之自动换行
作者:天牢囚犯 日期:2008-02-23
符合标准的细表格
作者:天牢囚犯 日期:2008-02-19
随着web标准的广泛传播,表格渐渐被我遗忘,但是表格还是有它优秀的一面,数据处理用表格的确省了不少麻烦!这个是细表格的代码,并且通过了标准验证! table{border:1px solid #000;border-width:1px 0 0 1px;margin:2px 0 2px 0;text-align:center;border-collapse:collapse;} td,th{border:1px solid #000;border-width:0 1px 1px 0;margin:2px 0 2px 0;text-align:left;} th{text-align:center;font-weight:600;font-size:12px;background-color:#F4F4F4;}<table width="236"> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr></table>
结果发现很容易就可以实现
table,td,th{border:1px #000 solid;border-collapse:collapse;}经过测试，通过标准strict
结果发现很容易就可以实现
table,td,th{border:1px #000 solid;border-collapse:collapse;}经过测试，通过标准strict
去掉IE下checkbox钩选的虚线框
作者:天牢囚犯 日期:2007-11-23
checkbox在钩选的时候总会显示一个虚线框，在ＦＦ里默认是没有这个虚线框的，如何去掉IE下checkbox钩选的虚线框，就看下面的代码吧。
关键点2个地方：
1、* {margin:0;padding:0;}
2、onfocus="this.blur()" style="border:none;"
关键点2个地方：
1、* {margin:0;padding:0;}
2、onfocus="this.blur()" style="border:none;"
