normal 正常
dissolve 渐隐
darken 变暗
Mutiply 正片叠底
color burn 颜色加深
linear burn 线性加深
lighten 变亮
screen 滤色
color dodge 颜色变淡
linear dodge 线性减淡
overlay 叠加
soft light 柔光
hard light 强光
vivid light 亮光
linear light 线性光
pin light 点光
hard mix 实色混合
difference 插值
exclusion 排除
hue 色调
saturation 饱和度
color 颜色
luminosity 亮度
2009年6月26日星期五
和阿蛇在网路上重逢。从今天起，我想，我大概不必再做关于她的梦。我们重逢，笑笑，然后说再见，那个关于残酷青春回忆的盒子，或许就可以心安理得地阖上，不必再开启。这样很好，在我三十岁以前。我看她的网络相册，看得仔细而匆忙，掠过一切风景，直奔主题，她的脸，她身边的男子的脸，这就是我唯一想看的。从人的面容上可以知道一切，我认为。照片上的女子熟悉而陌生。胖了一点，没有化妆，矜持而幸福的笑脸。找不到过去的痕迹。奇怪的是，无论是我或者她，从我们的脸上，看不到过去的任何痕迹。我仔细看她身边那个男人，淳朴的，能干的好男人。是这样的感觉。我甚至想象他们在床上的样子，不是我龌龊，而是因为，我见过阿蛇最美的样子。我们是彼此青春的见证人。我们曾经在相邻的房间做爱，我们甚至曾经和同一个男人做爱。那是一种怪异的感觉，你无法忘记它，也无法描述它。我们是姐妹，我们是知己，我们是敌人。我们看着彼此燃烧，各自化为灰烬。我们所作所为全是为了自己，旁人只是道具。
多年以后我能明白，美好的不是当时当地的那个人，美好的，是青春。是青春让许多东西变得像宝石一样珍贵璀璨。是青春让夜更黑，阳光更刺眼，疼痛更剧烈。多年以后我们也会心甘情愿地牵起一个男人的手，过平淡的生活，觉得自己变了，又觉得自己没变。这几年来我不断感到我在告别过去的生活。或许和阿蛇的重逢，是最后的告别。这么多朋友中，和阿蛇的感情是最复杂，最无法表达的。但无论如何，我知道，从今往后，我不必再梦见她了。
多年以后我能明白，美好的不是当时当地的那个人，美好的，是青春。是青春让许多东西变得像宝石一样珍贵璀璨。是青春让夜更黑，阳光更刺眼，疼痛更剧烈。多年以后我们也会心甘情愿地牵起一个男人的手，过平淡的生活，觉得自己变了，又觉得自己没变。这几年来我不断感到我在告别过去的生活。或许和阿蛇的重逢，是最后的告别。这么多朋友中，和阿蛇的感情是最复杂，最无法表达的。但无论如何，我知道，从今往后，我不必再梦见她了。
2009年6月3日星期三
再见，Lenbol Days
才发现原来有时候尽力了也没有用。尽力了别人也仍然不认为有肯定你或起码公正一点评估你的工作的必要。我庆幸我走了。扑心扑命为不值得的事付出是很不应该的，我已经没有多少青春可以挥霍，所以更应该挥霍在值得我挥霍的地方。
每个人都该尝试着失去点什么。失去才能体会拥有过的是什么。再见，Lenbol Days，花花要做“第一页面女”！
爬了N道墙跑上来说这几句话，真不知是为了什么。呵呵。心有不甘。可以这样理解。
每个人都该尝试着失去点什么。失去才能体会拥有过的是什么。再见，Lenbol Days，花花要做“第一页面女”！
爬了N道墙跑上来说这几句话，真不知是为了什么。呵呵。心有不甘。可以这样理解。
2009年5月24日星期日
初夏无风的晚上。地板湿了，又干了，脚踩上去，感受到一种洁净的不安。越是干净纯洁的东西，越是仿佛等待着被玷污被亵渎。
猫在家里写代码，已经连续10个晚上了。下午阿sam发短信来，问我还去不去西藏了。她说现在的工作不想干就别干了，人生苦短，不趁现在做一些能做的事，迟早要后悔。于是心里像有一面小鼓被咚咚咚地敲响了。很想把手头的工作像甩掉烂泥一样甩到任何人的脸上，大声对他说老子不干了。
辞职只是早晚的事。
工作作为一种需要被证明的能力，在我来说，已经证明了大部分。想来可笑。18岁以后我居然一直忙于证明自己的存在，以各种各样的方式。。。证明我可以放纵，证明我可以生存，证明我可以去爱或者被爱，，证明我的智力属于中等偏上，诸如此类。
有时候我在想，其实我一点也不在乎西藏，也不在乎眼前或想象中的风景，虽然那很好，或者糟糕透顶。我在乎的，不过是在路上时呼啸而过的风声罢了。“如果我去西藏”，我心里默念着，然后抓起沙发上那本沾满了灰尘的《此处无人生还》，随便打开一页，那是一页白纸，上面赫然写着：箭折弓断（The Arrow Falls）。作为一个无神论者，我决定视而不见。
猫在家里写代码，已经连续10个晚上了。下午阿sam发短信来，问我还去不去西藏了。她说现在的工作不想干就别干了，人生苦短，不趁现在做一些能做的事，迟早要后悔。于是心里像有一面小鼓被咚咚咚地敲响了。很想把手头的工作像甩掉烂泥一样甩到任何人的脸上，大声对他说老子不干了。
辞职只是早晚的事。
工作作为一种需要被证明的能力，在我来说，已经证明了大部分。想来可笑。18岁以后我居然一直忙于证明自己的存在，以各种各样的方式。。。证明我可以放纵，证明我可以生存，证明我可以去爱或者被爱，，证明我的智力属于中等偏上，诸如此类。
有时候我在想，其实我一点也不在乎西藏，也不在乎眼前或想象中的风景，虽然那很好，或者糟糕透顶。我在乎的，不过是在路上时呼啸而过的风声罢了。“如果我去西藏”，我心里默念着，然后抓起沙发上那本沾满了灰尘的《此处无人生还》，随便打开一页，那是一页白纸，上面赫然写着：箭折弓断（The Arrow Falls）。作为一个无神论者，我决定视而不见。
2009年5月15日星期五
五花八门的HACK
五花八门的HACK。总的来说，现在用的hack比以前少了，不是技术提高了，只是应用没有以前复杂，所以对hack的需求也减少了。下面搜集的hack全部来自互联网，只有部分经过自己验证：
IE都能识别*,标准浏览器(如FF)不能识别*；
IE6能识别*，但不能识别 !important,
IE7能识别*，也能识别!important;
FF不能识别*，但能识别!important;
IE6支持_,IE7支持+;
屏蔽IE浏览器（也就是IE下不显示）
*:lang(zh) select {font:12px !important;} /*FF,OP可见，特别提醒：由于Opera最近的升级，目前此句只为FF所识别*/
select:empty {font:12px !important;} /*safari可见*/这里select是选择符，根据情况更换。第二句是MAC上safari浏览器独有的。
仅IE7与IE5.0可以识别
*+html select {…}当面临需要只针对IE7与IE5.0做样式的时候就可以采用这个HACK。
仅IE7可以识别
*+html select {…!important;}当面临需要只针对IE7做样式的时候就可以采用这个HACK。
IE6及IE6以下识别
* html select {…}这个地方要特别注意很多博客都写成了是IE6的HACK其实IE5.x同样可以识别这个HACK。其它浏览器不识别。html/**/ >body select {…}这句与上一句的作用相同。
仅IE6不识别，屏蔽IE6
select { display /*屏蔽IE6*/:none;}这里主要是通过CSS注释分开一个属性与值，注释在冒号前。
仅IE6与IE5不识别，屏蔽IE6与IE5
select/**/ { display /*IE6,IE5不识别*/:none;}这里与上面一句不同的是在选择符与花括号之间多了一个CSS注释。不屏蔽IE5.5
仅IE5不识别，屏蔽IE5
select/*IE5不识别*/ {…}这一句是在上一句中去掉了属性区的注释。只有IE5不识别，IE5.5可以识别。
盒模型解决方法
selct {width:IE5.x宽度; voice-family :"\"}\""; voice-family:inherit; width:正确宽度;}盒模型的清除方法不是通过!important来处理的。这点要明确。
清除浮动
select:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}在Firefox中，当子级都为浮动时，那么父级的高度就无法完全的包住整个子级，那么这时用这个清除浮动的HACK来对父级做一次定义，那么就可以解决这个问题。
截字省略号
select { -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }这个是在越出长度后会自行的截掉多出部分的文字，并以省略号结尾，很好的一个技术。只是目前Firefox并不支持。
只有Opera识别
@media all and (min-width: 0px){ select {……} }针对Opera浏览器做单独的设定。
以上都是写CSS中的一些HACK，这些都是用来解决局部的兼容性问题，如果希望把兼容性的内容也分离出来，不妨试一下下面的几种过滤器。这些过滤器有的是写在CSS中通过过滤器导入特别的样式，也有的是写在HTML中的通过条件来链接或是导入需要的补丁样式。
IE5.x的过滤器，只有IE5.x可见
@media tty {i{content:"\";/*" "*/}} @import 'ie5win.css'; /*";}}/* */
IE5/MAC的过滤器，一般用不着
/*\*//*/ @import "ie5mac.css";/**/
IE的if条件Hack
所有的IE可识别只有IE5.0可以识别IE5.0包换IE5.5都可以识别仅IE6可识别IE6以及IE6以下的IE5.x都可识别仅IE7可识别
太多了。。。以上内容绝大部分来自 毅博客 和 幸福收藏夹
2009年5月14日星期四
书摘
加法：憑空猜測需求，還要有求必應，最後功能冗餘。減法：先做用戶研究，確定真正需求，然後對症下藥。
其極簡的網頁設計風格漸漸流行，但模仿者似乎只得其形不得其神，忽略了設計背後的成功因素。Google始終專注核心功能，那頁面設計只是恰如其分地表現了 Google「重在搜索」的公司理念。沒有功能面的複雜，就不能突顯使用面上的簡單。沒有 Google精準的搜尋結果，那不過是一張簡陋的頁面。這種「設計追隨功能」的思維，才是那頁面為人稱道的原因。
沒有設計師對字型﹑排版等細部的掌握，是不可能造出這種大氣而細膩的清新風格。減少介面元素並不能達到真正的「簡單」，如何設計出在使用上更符合直覺的介面，才是「簡單」背後的真諦。
最簡單的設計，往往是從複雜的體系中整理出來，重新思考，方有所成。簡單無關多與少，可能有些事物永遠也不可能簡單，如果強制它「簡單」則有些目光短淺，因為它可能對使用者並不是最合適的。在交互設計中，好的介面並不需要簡單，影響著用戶體驗還有大量其他因素，設計師們，盡你最大的努力去改善用戶體驗吧。
2009年4月30日星期四
常用脚本demo搜集整理
忙了好几天，以至于看到电脑有种莫名的心理障碍。明天就是伟大滴国际劳动节了，下午不太想工作，而是想整理一下这段日子接触过的一些比较有用的，常用的脚本。光知道完成任务而没有总结和积累是不行滴。因为一旦停下来，就随时有可能忘光光。
图片等比例缩放
DIV等高处理
Javascript 切换页面 CSS 样式
图片放大镜效果
1KB的JS TAB脚本 帕兰映像
图片先模糊后清楚 以前一直不知道这样做的意义所在，现在终于懂了，笨。
图片等比例缩放
DIV等高处理
Javascript 切换页面 CSS 样式
图片放大镜效果
1KB的JS TAB脚本 帕兰映像
图片先模糊后清楚 以前一直不知道这样做的意义所在，现在终于懂了，笨。
2009年4月22日星期三
CSS解决未知高度垂直居中的问题——IE6/IE7/FF3测试正常
项目组同事反映前阵子做的一个登录界面在IE7下登录框神秘消失了。自己查看了一下汗了一把，不但IE7不能正常显示，FF3.0.3也是如此。
翻查了之前的技术博客记录和相关资料，发现原来的解决方法已经outdate了。小修正了一下，整理如下：
针对的问题主要是未知高度垂直居中。
翻查了之前的技术博客记录和相关资料，发现原来的解决方法已经outdate了。小修正了一下，整理如下：
针对的问题主要是未知高度垂直居中。
XHTML：
<div id="outer">
<div id="middle">
<div class="greenBorder" id="inner">
</div>
</div>
</div>
CSS:
body {padding: 0; margin: 0;}
body,html{height: 100%;}
#outer{height: 100%;width:100%;overflow: hidden; position: relative;}
#outer[id] {display: table; position: static;}/*for FF*/
#middle{position:absolute;top:50%;}
#middle[id] {display: table-cell; vertical-align: middle; position: static;}/*for FF*/
#inner{position: relative;top:-50%;width: 250px;margin: 0 auto;}
*+html #outer[id] {position: relative;} /* for IE7 */
*+html #middle[id] {position: absolute;} /* for IE7 */
另：这里有一句话解决IE8兼容问题的，没试过，地址在这里：http://eroading.com/web-frontend-develop/ie8-compatible-solve
那些对互联网有梦想的人。。。
常常还是会遇到一些认识或不认识的，对互联网有着激情和梦想的人。看到他们时觉得很感慨。我对一切坚持自己梦想的人都心存敬意，无论他们在现实中成功与否。我问自己跟他们之间，除去能力本身（我觉得其实每个人的智力水平相差都不远，关键不在这里），区别究竟是在哪里。后来我觉得，区别在于对于互联网也好，对于这个世界也罢，我从来都只是一个——没有梦想的梦想者。28年来我的目标一直是零，我的梦想也是零。我对互联网有感情，对技术有热情，我也懂得在理想的状态下，为用户创造价值，就是在为自己创造价值，但是这一切似乎都跟我的梦想无关，换句话说我没有勇敢实践的绝对激情。我只会是在某个时期，某个际遇底下，用尽全力，什么也不管不顾地去做到最好，为的是某天可以毫无后悔地放弃它。
2009年4月13日星期一
图片垂直居中的使用技巧——淘宝的方法
原文地址
在曾经的 淘宝UED 招聘 中有这样一道题目：
“使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。”
当然出题并不是随意，而是有其现实的原因，垂直居中是 淘宝 工作中最常遇到的一个问题，很有代表性。
题目的难点在于两点：
垂直居中；
图片是个置换元素，有些特殊的特性。
至于如何解决，下面是一个权衡的相对结构干净，CSS简单的解决方法：
在曾经的 淘宝UED 招聘 中有这样一道题目：
“使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。”
当然出题并不是随意，而是有其现实的原因，垂直居中是 淘宝 工作中最常遇到的一个问题，很有代表性。
题目的难点在于两点：
垂直居中；
图片是个置换元素，有些特殊的特性。
至于如何解决，下面是一个权衡的相对结构干净，CSS简单的解决方法：
.box {
/*非IE的主流浏览器识别的垂直居中的方法*/
display: table-cell;
vertical-align:middle;
/*设置水平居中*/
text-align:center;
/* 针对IE的Hack */
*display: block;
*font-size: 175px;/*约为高度的0.873，200*0.873 约为175*/
*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
width:200px;
height:200px;
border: 1px solid #eee;
}
.box img {
/*设置图片垂直居中*/
vertical-align:middle;
}
<div class="box">
<img src="http://pics.taobao.com/bao/album/promotion/taoscars_180x95_071112_sr.jpg" />
</div>
当然还有其他的解决方法，在此不深究，有兴趣的可以阅读下：
- 《Vertical centering using CSS》
- 《Vertical centering using CSS》（标题和上同，内容不同）
- 《CSS List Grid Layout》
- 《Vertical Middle》 通过添加一无语义图片来解决图片居中问题，源自韩国Yahoo
2009年4月9日星期四
一个photoshop小技术点的记录
画一个圆角矩形，添加上需要的样式。
选择转换点工具，选中左下角的锚点。右键 - 自由变换点。
在菜单栏更改参考点位置为左下角。编辑 - 变换点 - 水平翻转。
对圆角矩形右边做同样处理，就得到上图的效果。这种效果多用于导航菜单。
2009年4月8日星期三
2009年3月27日星期五
IE bug —— 图片的3px bug
极度变态。以前我一直回避这类问题，因为实在是令人感到莫名其妙。今天又遇到了，google了一下，把它解决好了。唉。
=====================抄书的分割线===================
ie img 有 3px 的缝隙也是 ie 的经典 bug 之一，相信已经不陌生了，但还是先看看效果吧（也许你并没有见过）：
效果1 效果2
效果1 图片下方有缝隙，这是最常见的；
效果2 则不但下面有，右边也有，并且在 FF 和 opera 里，下方也有缝隙。这是因为效果2 图片的父元素是内联元素。
这个缝隙的大小网上说是 3px ，其实在 ie 里是 4px （你可以设置图片父元素的负 margin 测试），而效果2 在 FF 里下方有 3px 的缝隙，在 opera 里下方有 2px 的缝隙。
这个小缝隙在有些情况并不会造成太大的影响，不修复也没有关系；但如果对有些情况影响较大，那就不得不修复了。
修复方法有很多：
1、改变XHTML排版，让 img 的后面紧跟标签（若没有文字的话），如：
<div><img src="" alt="" /></div>
而不是：
<div>
<img src="" alt="" />
<div>
2、为 img 设置 display:block ；
3、为父元素设置 font-size:0 ；
4、为 img 设置 vertical-align 属性，值可以是: topbottomtext-toptext-bottom （其他值效果不好或没有效果）。
但是：
如果图片的父元素是内联元素的话，选择第 3 种方法，在 ie 里右边仍有 1px 的缝隙，而在 opera 里下方仍有 2px 的缝隙，请用相应的浏览器查看下面的效果：
查看效果
如果图片的父元素是内联元素的话，选择第 4 种方法，在 ie 里只能修复下方的缝隙，而右边的缝隙则不能修复。看效果：
查看效果
如果图片的父元素是块级元素的话，上面 4 种方法都能完全修复此 bug 。但为了保险，选择第1 、第2 种方法更妥当。
原文出处
=====================抄书的分割线===================
ie img 有 3px 的缝隙也是 ie 的经典 bug 之一，相信已经不陌生了，但还是先看看效果吧（也许你并没有见过）：
效果1 效果2
效果1 图片下方有缝隙，这是最常见的；
效果2 则不但下面有，右边也有，并且在 FF 和 opera 里，下方也有缝隙。这是因为效果2 图片的父元素是内联元素。
这个缝隙的大小网上说是 3px ，其实在 ie 里是 4px （你可以设置图片父元素的负 margin 测试），而效果2 在 FF 里下方有 3px 的缝隙，在 opera 里下方有 2px 的缝隙。
这个小缝隙在有些情况并不会造成太大的影响，不修复也没有关系；但如果对有些情况影响较大，那就不得不修复了。
修复方法有很多：
1、改变XHTML排版，让 img 的后面紧跟标签（若没有文字的话），如：
<div><img src="" alt="" /></div>
而不是：
<div>
<img src="" alt="" />
<div>
2、为 img 设置 display:block ；
3、为父元素设置 font-size:0 ；
4、为 img 设置 vertical-align 属性，值可以是: topbottomtext-toptext-bottom （其他值效果不好或没有效果）。
但是：
如果图片的父元素是内联元素的话，选择第 3 种方法，在 ie 里右边仍有 1px 的缝隙，而在 opera 里下方仍有 2px 的缝隙，请用相应的浏览器查看下面的效果：
查看效果
如果图片的父元素是内联元素的话，选择第 4 种方法，在 ie 里只能修复下方的缝隙，而右边的缝隙则不能修复。看效果：
查看效果
如果图片的父元素是块级元素的话，上面 4 种方法都能完全修复此 bug 。但为了保险，选择第1 、第2 种方法更妥当。
原文出处
2009年3月25日星期三
在纯粹审美与真实需求之间，是一道鸿沟。
说一千道一万，最后还是得做企业网站。看来要想继续在这行混，我就无法回避这东西。鉴于我目前的对于企业建站的厌恶和偏见，我决定还是少说为妙。就比如我以前对自己所在的10000***多少带着一些不屑，但是离开之后回想起来，发现他们并不是不注重用户需求，只是光有需求是不够的，作为一个运营者，必须在真实需求与盈利之间找到一种可发展的良性循环。所以有些事情，需要静静观察，过一段时间再下结论。
无法接触真实的用户和真实的需求，这是我作为一个美工的悲哀，也是企业建站模式的悲哀——永远停留在想象中。我无法得知用户怎么思考，无法得知真实行业中真实的业务逻辑，无法做出真正的好的作品好的应用来满足真实的需求，因为泛滥成灾的企业网站永远只是一个摆设，无论是外表粗糙也好，精致也罢，都无法改变它的本质——白菜价的企业网站必然有其之所以白菜价的理由。
无论多么优秀的技术如果无法为真实的需求服务做出真正有价值的技术应用，再优秀也是枉然。
无法接触真实的用户和真实的需求，这是我作为一个美工的悲哀，也是企业建站模式的悲哀——永远停留在想象中。我无法得知用户怎么思考，无法得知真实行业中真实的业务逻辑，无法做出真正的好的作品好的应用来满足真实的需求，因为泛滥成灾的企业网站永远只是一个摆设，无论是外表粗糙也好，精致也罢，都无法改变它的本质——白菜价的企业网站必然有其之所以白菜价的理由。
无论多么优秀的技术如果无法为真实的需求服务做出真正有价值的技术应用，再优秀也是枉然。
2009年3月17日星期二
jQuery技巧
原文出处：http://www.cnblogs.com/lzhdim/archive/2009/02/04/1383969.html
1、关于页面元素的引用通过jQuery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。
2、jQuery对象与dom对象的转换只有jQuery对象才能使用jQuery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是jquery对象。
普通的dom对象一般可以通过$()转换成jquery对象。
如：$(document.getElementById("msg"))则为jquery对象，可以使用jquery的方法。
由于jQuery对象本身是一个集合。所以如果jquery对象要转换为dom对象则必须取出其中的某一项，一般可通过索引取出。如：$("#msg")[0]，$("div").eq(1)[0]，$("div").get()[1]，$("td")[5]这些都是dom对象，可以使用dom中的方法，但不能再使用Jquery的方法。
以下几种写法都是正确的：
$("#msg").html();
$("#msg")[0].innerHTML;
$("#msg").eq(0)[0].innerHTML;
$("#msg").get(0).innerHTML;
3、如何获取jQuery集合的某一项
对于获取的元素集合，获取其中的某一项（通过索引指定）可以使用eq或get(n)方法或者索引号获取，要注意，eq返回的是jquery对象，而get(n)和索引返回的是dom元素对象。
对于jQuery对象只能使用jQuery的方法，而dom对象只能使用dom的方法，如要获取第三个div元素的内容。有如下两种方法：
$("div").eq(2).html(); //调用jquery对象的方法
$("div").get(2).innerHTML; //调用dom的方法属性
4、同一函数实现set和get
jQuery中的很多方法都是如此，主要包括如下几个：
$("#msg").html(); //返回id为msg的元素节点的html内容。
$("#msg").html("new content"); //将“new content” 作为html串写入id为msg的元素节点内容中,页面显示粗体的new content
$("#msg").text(); //返回id为msg的元素节点的文本内容。
$("#msg").text("new content"); //将“new content” 作为普通文本串写入id为msg的元素节点内容中,页面显示new content
$("#msg").height(); //返回id为msg的元素的高度
$("#msg").height("300"); //将id为msg的元素的高度设为300
$("#msg").width(); //返回id为msg的元素的宽度
$("#msg").width("300"); //将id为msg的元素的宽度设为300
$("input").val(); //返回表单输入框的value值
$("input").val("test"); //将表单输入框的value值设为test
$("#msg").click(); //触发id为msg的元素的单击事件
$("#msg").click(fn); //为id为msg的元素单击事件添加函数
同样blur,focus,select,submit事件都可以有着两种调用方法
5、集合处理功能
对于jquery返回的集合内容无需我们自己循环遍历并对每个对象分别做处理，jquery已经为我们提供的很方便的方法进行集合的处理。
包括两种形式：
$("p").each(function(i){this.style.color=['#f00','#0f0','#00f'][ i ]}) //为索引分别为0，1，2的p元素分别设定不同的字体颜色。
$("tr").each(function(i){this.style.backgroundColor=['#ccc','#fff'][i%2]}) //实现表格的隔行换色效果
$("p").click(function(){alert($(this).html())}) //为每个p元素增加了click事件，单击某个p元素则弹出其内容
6、扩展我们需要的功能
$.extend({min: function(a, b){return a <> b?a:b; } });
//为jquery扩展了min,max两个方法
使用扩展的方法（通过“$.方法名”调用）：
alert("a=10,b=20,max="+$.max(10,20)+",min="+$.min(10,20));
7、支持方法的连写
所谓连写，即可以对一个jquery对象连续调用各种不同的方法。
例如：
$("p").click(function(){alert($(this).html())}).mouseover(function(){alert('mouse over event')}).each(function(i){this.style.color=['#f00','#0f0','#00f'][ i ]});
8、操作元素的样式
主要包括以下几种方式：
$("#msg").css("background"); //返回元素的背景颜色
$("#msg").css("background","#ccc") //设定元素背景为灰色$("#msg").height(300); $("#msg").width("200"); //设定宽高
$("#msg").css({ color: "red", background: "blue" });//以名值对的形式设定样式$("#msg").addClass("select"); //为元素增加名称为select的class
$("#msg").removeClass("select"); //删除元素名称为select的class
$("#msg").toggleClass("select"); //如果存在（不存在）就删除（添加）名称为select的class
9、完善的事件处理功能
Jquery已经为我们提供了各种事件处理方法，我们无需在html元素上直接写事件，而可以直接为通过jquery获取的对象添加事件。
如：
$("#msg").click(function(){alert("good")}) //为元素添加了单击事件
$("p").click(function(i){this.style.color=['#f00','#0f0','#00f'][ i ]})//为三个不同的p元素单击事件分别设定不同的处理
jQuery中几个自定义的事件：
（1）hover(fn1,fn2)：一个模仿悬停事件（鼠标移动到一个对象上面及移出这个对象）的方法。当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。
//当鼠标放在表格的某行上时将class置为over，离开时置为out。$("tr").hover(function(){$(this).addClass("over");},function(){$(this).addClass("out"); });
（2）ready(fn):当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。
//页面加载完毕提示“Load Success”,相当于onload事件。与$(fn)等价
$(document).ready(function(){alert("Load Success")})
（3）toggle(evenFn,oddFn): 每次点击时切换要调用的函数。如果点击了一个匹配的元素，则触发指定的第一个函数，当再次点击同一元素时，则触发指定的第二个函数。随后的每次点击都重复对这两个函数的轮番调用。
//每次点击时轮换添加和删除名为selected的class。
$("p").toggle(function(){ $(this).addClass("selected"); },function(){ $(this).removeClass("selected"); });
（4）trigger(eventtype): 在每一个匹配的元素上触发某类事件。例如：
$("p").trigger("click"); //触发所有p元素的click事件
（5）bind(eventtype,fn)，unbind(eventtype): 事件的绑定与反绑定从每一个匹配的元素中（添加）删除绑定的事件。例如：
$("p").bind("click", function(){alert($(this).text());}); //为每个p元素添加单击事件
$("p").unbind(); //删除所有p元素上的所有事件
$("p").unbind("click") //删除所有p元素上的单击事件
10、几个实用特效功能
其中toggle()和slidetoggle()方法提供了状态切换功能。如toggle()方法包括了hide()和show()方法。slideToggle()方法包括了slideDown()和slideUp方法。
11、几个有用的jQuery方法
$.browser 浏览器类型：检测浏览器类型。有效参数：safari, opera, msie, mozilla。如检测是否ie：$.browser.isie，是ie浏览器则返回true。
$.each(obj, fn)：通用的迭代函数。可用于近似地迭代对象和数组（代替循环）。如
$.each( [0,1,2], function(i, n){ alert( "Item #" + i + ": " + n ); });
等价于：
var tempArr=[0,1,2];
for(var i=0;i
也可以处理json数据，如
$.each( { name: "John", lang: "JS" }, function(i, n){ alert( "Name: " + i + ", Value: " + n ); });
结果为：Name:name, Value:JohnName:lang, Value:JS
$.extend(target,prop1,propN)：用一个或多个其他对象来扩展一个对象，返回这个被扩展的对象。这是jquery实现的继承方式。如：
$.extend(settings, options); //合并settings和options，并将合并结果返回settings中，相当于options继承setting并将继承结果保存在setting中。
var settings = $.extend({}, defaults, options);//合并defaults和options，并将合并结果返回到setting中而不覆盖default内容。可以有多个参数（合并多项并返回）
$.map(array, fn)：数组映射。
把一个数组中的项目(处理转换后)保存到到另一个新数组中，并返回生成的新数组。如：
var tempArr=$.map( [0,1,2], function(i){ return i + 4; });
tempArr内容为：
[4,5,6]var tempArr=$.map( [0,1,2], function(i){ return i > 0 ? i + 1 : null; });
tempArr内容为：
[2,3]$.merge(arr1,arr2):合并两个数组并删除其中重复的项目。如：
$.merge( [0,1,2], [2,3,4] ) //返回[0,1,2,3,4]
$.trim(str)：删除字符串两端的空白字符。 如：
$.trim(" hello, how are you? "); //返回"hello,how are you? "
12、解决自定义方法或其他类库与jQuery的冲突很多时候我们自己定义了$(id)方法来获取一个元素，或者其他的一些js类库如prototype也都定义了$方法，如果同时把这些内容放在一起就会引起变量方法定义冲突，Jquery对此专门提供了方法用于解决此问题。
使用jquery中的jQuery.noConflict();方法即可把变量$的控制权让渡给第一个实现它的那个库或之前自定义的$方法。之后应用Jquery的时候只要将所有的$换成jQuery即可，如原来引用对象方法$("#msg")改为jQuery("#msg")。如：
jQuery.noConflict(); // 开始使用jQuery
jQuery("div p").hide();// 使用其他库的 $() $("content").style.display = 'none';
1、关于页面元素的引用通过jQuery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。
2、jQuery对象与dom对象的转换只有jQuery对象才能使用jQuery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是jquery对象。
普通的dom对象一般可以通过$()转换成jquery对象。
如：$(document.getElementById("msg"))则为jquery对象，可以使用jquery的方法。
由于jQuery对象本身是一个集合。所以如果jquery对象要转换为dom对象则必须取出其中的某一项，一般可通过索引取出。如：$("#msg")[0]，$("div").eq(1)[0]，$("div").get()[1]，$("td")[5]这些都是dom对象，可以使用dom中的方法，但不能再使用Jquery的方法。
以下几种写法都是正确的：
$("#msg").html();
$("#msg")[0].innerHTML;
$("#msg").eq(0)[0].innerHTML;
$("#msg").get(0).innerHTML;
3、如何获取jQuery集合的某一项
对于获取的元素集合，获取其中的某一项（通过索引指定）可以使用eq或get(n)方法或者索引号获取，要注意，eq返回的是jquery对象，而get(n)和索引返回的是dom元素对象。
对于jQuery对象只能使用jQuery的方法，而dom对象只能使用dom的方法，如要获取第三个div元素的内容。有如下两种方法：
$("div").eq(2).html(); //调用jquery对象的方法
$("div").get(2).innerHTML; //调用dom的方法属性
4、同一函数实现set和get
jQuery中的很多方法都是如此，主要包括如下几个：
$("#msg").html(); //返回id为msg的元素节点的html内容。
$("#msg").html("new content"); //将“new content” 作为html串写入id为msg的元素节点内容中,页面显示粗体的new content
$("#msg").text(); //返回id为msg的元素节点的文本内容。
$("#msg").text("new content"); //将“new content” 作为普通文本串写入id为msg的元素节点内容中,页面显示new content
$("#msg").height(); //返回id为msg的元素的高度
$("#msg").height("300"); //将id为msg的元素的高度设为300
$("#msg").width(); //返回id为msg的元素的宽度
$("#msg").width("300"); //将id为msg的元素的宽度设为300
$("input").val(); //返回表单输入框的value值
$("input").val("test"); //将表单输入框的value值设为test
$("#msg").click(); //触发id为msg的元素的单击事件
$("#msg").click(fn); //为id为msg的元素单击事件添加函数
同样blur,focus,select,submit事件都可以有着两种调用方法
5、集合处理功能
对于jquery返回的集合内容无需我们自己循环遍历并对每个对象分别做处理，jquery已经为我们提供的很方便的方法进行集合的处理。
包括两种形式：
$("p").each(function(i){this.style.color=['#f00','#0f0','#00f'][ i ]}) //为索引分别为0，1，2的p元素分别设定不同的字体颜色。
$("tr").each(function(i){this.style.backgroundColor=['#ccc','#fff'][i%2]}) //实现表格的隔行换色效果
$("p").click(function(){alert($(this).html())}) //为每个p元素增加了click事件，单击某个p元素则弹出其内容
6、扩展我们需要的功能
$.extend({min: function(a, b){return a <> b?a:b; } });
//为jquery扩展了min,max两个方法
使用扩展的方法（通过“$.方法名”调用）：
alert("a=10,b=20,max="+$.max(10,20)+",min="+$.min(10,20));
7、支持方法的连写
所谓连写，即可以对一个jquery对象连续调用各种不同的方法。
例如：
$("p").click(function(){alert($(this).html())}).mouseover(function(){alert('mouse over event')}).each(function(i){this.style.color=['#f00','#0f0','#00f'][ i ]});
8、操作元素的样式
主要包括以下几种方式：
$("#msg").css("background"); //返回元素的背景颜色
$("#msg").css("background","#ccc") //设定元素背景为灰色$("#msg").height(300); $("#msg").width("200"); //设定宽高
$("#msg").css({ color: "red", background: "blue" });//以名值对的形式设定样式$("#msg").addClass("select"); //为元素增加名称为select的class
$("#msg").removeClass("select"); //删除元素名称为select的class
$("#msg").toggleClass("select"); //如果存在（不存在）就删除（添加）名称为select的class
9、完善的事件处理功能
Jquery已经为我们提供了各种事件处理方法，我们无需在html元素上直接写事件，而可以直接为通过jquery获取的对象添加事件。
如：
$("#msg").click(function(){alert("good")}) //为元素添加了单击事件
$("p").click(function(i){this.style.color=['#f00','#0f0','#00f'][ i ]})//为三个不同的p元素单击事件分别设定不同的处理
jQuery中几个自定义的事件：
（1）hover(fn1,fn2)：一个模仿悬停事件（鼠标移动到一个对象上面及移出这个对象）的方法。当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。
//当鼠标放在表格的某行上时将class置为over，离开时置为out。$("tr").hover(function(){$(this).addClass("over");},function(){$(this).addClass("out"); });
（2）ready(fn):当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。
//页面加载完毕提示“Load Success”,相当于onload事件。与$(fn)等价
$(document).ready(function(){alert("Load Success")})
（3）toggle(evenFn,oddFn): 每次点击时切换要调用的函数。如果点击了一个匹配的元素，则触发指定的第一个函数，当再次点击同一元素时，则触发指定的第二个函数。随后的每次点击都重复对这两个函数的轮番调用。
//每次点击时轮换添加和删除名为selected的class。
$("p").toggle(function(){ $(this).addClass("selected"); },function(){ $(this).removeClass("selected"); });
（4）trigger(eventtype): 在每一个匹配的元素上触发某类事件。例如：
$("p").trigger("click"); //触发所有p元素的click事件
（5）bind(eventtype,fn)，unbind(eventtype): 事件的绑定与反绑定从每一个匹配的元素中（添加）删除绑定的事件。例如：
$("p").bind("click", function(){alert($(this).text());}); //为每个p元素添加单击事件
$("p").unbind(); //删除所有p元素上的所有事件
$("p").unbind("click") //删除所有p元素上的单击事件
10、几个实用特效功能
其中toggle()和slidetoggle()方法提供了状态切换功能。如toggle()方法包括了hide()和show()方法。slideToggle()方法包括了slideDown()和slideUp方法。
11、几个有用的jQuery方法
$.browser 浏览器类型：检测浏览器类型。有效参数：safari, opera, msie, mozilla。如检测是否ie：$.browser.isie，是ie浏览器则返回true。
$.each(obj, fn)：通用的迭代函数。可用于近似地迭代对象和数组（代替循环）。如
$.each( [0,1,2], function(i, n){ alert( "Item #" + i + ": " + n ); });
等价于：
var tempArr=[0,1,2];
for(var i=0;i
也可以处理json数据，如
$.each( { name: "John", lang: "JS" }, function(i, n){ alert( "Name: " + i + ", Value: " + n ); });
结果为：Name:name, Value:JohnName:lang, Value:JS
$.extend(target,prop1,propN)：用一个或多个其他对象来扩展一个对象，返回这个被扩展的对象。这是jquery实现的继承方式。如：
$.extend(settings, options); //合并settings和options，并将合并结果返回settings中，相当于options继承setting并将继承结果保存在setting中。
var settings = $.extend({}, defaults, options);//合并defaults和options，并将合并结果返回到setting中而不覆盖default内容。可以有多个参数（合并多项并返回）
$.map(array, fn)：数组映射。
把一个数组中的项目(处理转换后)保存到到另一个新数组中，并返回生成的新数组。如：
var tempArr=$.map( [0,1,2], function(i){ return i + 4; });
tempArr内容为：
[4,5,6]var tempArr=$.map( [0,1,2], function(i){ return i > 0 ? i + 1 : null; });
tempArr内容为：
[2,3]$.merge(arr1,arr2):合并两个数组并删除其中重复的项目。如：
$.merge( [0,1,2], [2,3,4] ) //返回[0,1,2,3,4]
$.trim(str)：删除字符串两端的空白字符。 如：
$.trim(" hello, how are you? "); //返回"hello,how are you? "
12、解决自定义方法或其他类库与jQuery的冲突很多时候我们自己定义了$(id)方法来获取一个元素，或者其他的一些js类库如prototype也都定义了$方法，如果同时把这些内容放在一起就会引起变量方法定义冲突，Jquery对此专门提供了方法用于解决此问题。
使用jquery中的jQuery.noConflict();方法即可把变量$的控制权让渡给第一个实现它的那个库或之前自定义的$方法。之后应用Jquery的时候只要将所有的$换成jQuery即可，如原来引用对象方法$("#msg")改为jQuery("#msg")。如：
jQuery.noConflict(); // 开始使用jQuery
jQuery("div p").hide();// 使用其他库的 $() $("content").style.display = 'none';
2009年3月13日星期五
2009年3月10日星期二
《jQuery基础教程》读书笔记一
都说javascript门槛低，在互联网高度发达的今天，仅仅是“能用”这门语言不足以说明其简易性，毕竟，更简易的是对脚本搜索结果进行复制和黏贴。正当我被“面向对象”的javascript弄得晕头转向的时候，jQuery在一定程度上拯救了我。这是个优雅而简洁的javascript框架，并且体积小，兼容性极好。希望我可以借此提升一定的前端编码能力，并从真正意义上去理解javascript吧。
《jQuery基础教程》读书笔记一
---- $()工厂函数不需要用for循环来访问一组元素，放在()里的东西会自动进行循环并作为jq对象储存。
---- $(document).ready DOM下载完成以后开始运行，速度比onload快。
---- 事件捕获与事件冒泡:
允许多个元素响应事件时浏览器所采取的两种正好相反的事件传播模型。事件捕获模式下元素是从外至内响应事件的；而冒泡则从内至外；不同的浏览器采用的是不同的事件传播模型。
DOM标准规定应同时采用这两种策略。首先，事件从一般到具体进行捕获，然后事件再通过冒泡返回DOM树顶层。而事件处理程序可以注册到这个过程的任何一部分。遗憾的是目前的浏览器解析并没有跟标准保持一致。
jQuery始终会在模型的冒泡阶段注册事件处理程序。因此，可以假定最具体的元素会首先获得响应事件的机会。
.hover()方法比.mouseout()和.mouseover()优越之处在于能够准确定位到具体的事件元素，阻止了事件冒泡带来的副作用。
但是在其他事件中则需要通过阻止事件冒泡来解决问题。操纵事件对象event及其方法.stopPropagation()都可以阻止事件冒泡，这是纯javascript特性但是无法支持跨浏览器。而在jQuery中则妥善解决了这个问题。
---- 取消默认操作
由于事件传播和默认操作是两套相互独立的机制，二者任何一方发生时，都可以中止另一方。但在事件对象上调用.stopPropagation()方法是无法取消默认操作的，在这种情况下需要用.preventDefault()方法。
如果想同时停止事件传播和默认操作，则需要在事件处理程序中返回false。这是在事件对象上同时调用.stopPropagation()和.preventDefault()的简写方式。
---- 模拟用户操作 .trigger()
通过该方法可以在不必触发事件的情况下模拟事件触发后的状态。通过这种方式触发事件时，不会触发事件传播。
---- 一次性触发事件 .one()
通过该方法会为元素绑定一个一次性的事件处理函数。
---- 用show()和hide()控制元素的显示和隐藏
这两个方法其实是控制css的display属性。调用这两个方法的时候，jQuery会记住display之前的属性值。fadeIn()和fadeOut()也用于控制显示和隐藏，区别在于效果上是通过控制不透明度来实现。
---- 通过使用连缀，可以对任何jQuery效果进行排队。
---- 使用jQuery的全局函数$.getScript()可以在需要的时候随时加载js文件。以这种方式取得的脚本会在当前页面的全局环境下执行。
jQuery选择符总结
$('#title1 > li')为取得ID为title1(#title)的子元素(>)中所有的列表项(li)。
$('#title1 li:not(.class1)')为取得ID为title的后代元素中没有(not)class1类的所有列表项。
jQuery库支持XPath选择符。如：
$('a[@title]')为取得所有带title属性的链接。
也可以不用@符号。如：
$('div[ol]')为取得所以包含一个ol属性的div元素。
当然，还允许以正则表达式中的^(开始)$(结尾)*(任意)，示例如下：
$('a[href^="mailto:"]')为取得所有电子邮件的链接。
$('a[href$=".rar"]')为取得所有指向RAR文件的链接。
$('a[href*="tao028.com"]')为取得所有包含tao028.com的链接
自定义选择符，如：
$('div:eq(1)')为取得div元素集合中第2个项，注意为单个对象，其length为1。
$('div:nth-child(1)')为取得div元素集合中的所有第一个div，注意其为对象集合，稍后再详述。
$('tr:odd')为取得所有奇数行。
$('tr:even')为取得所有偶数行。
$('td:contains("hahaha")')为取得所有单元格包含hahaha的元素。
---- 关于$.each(obj, fn)：
$.each(obj, fn) 是一个通用的迭代函数，可用于近似地迭代对象和数组。
这个函数与$().each()不同，$().each()是专门用于迭代和执行jQuery对象的函数。而$.each(obj, fn)可以用于迭代任何对象和数组。 这个函数的回调中包含两个参数：第一个是key（对象）或index（数组），第二个是值。
返回值:Object
参数:
obj (Object): 要重复迭代的对象或数组
fn (Function): 要在每个对象中执行的函数
《jQuery基础教程》读书笔记一
---- $()工厂函数不需要用for循环来访问一组元素，放在()里的东西会自动进行循环并作为jq对象储存。
---- $(document).ready DOM下载完成以后开始运行，速度比onload快。
---- 事件捕获与事件冒泡:
允许多个元素响应事件时浏览器所采取的两种正好相反的事件传播模型。事件捕获模式下元素是从外至内响应事件的；而冒泡则从内至外；不同的浏览器采用的是不同的事件传播模型。
DOM标准规定应同时采用这两种策略。首先，事件从一般到具体进行捕获，然后事件再通过冒泡返回DOM树顶层。而事件处理程序可以注册到这个过程的任何一部分。遗憾的是目前的浏览器解析并没有跟标准保持一致。
jQuery始终会在模型的冒泡阶段注册事件处理程序。因此，可以假定最具体的元素会首先获得响应事件的机会。
.hover()方法比.mouseout()和.mouseover()优越之处在于能够准确定位到具体的事件元素，阻止了事件冒泡带来的副作用。
但是在其他事件中则需要通过阻止事件冒泡来解决问题。操纵事件对象event及其方法.stopPropagation()都可以阻止事件冒泡，这是纯javascript特性但是无法支持跨浏览器。而在jQuery中则妥善解决了这个问题。
---- 取消默认操作
由于事件传播和默认操作是两套相互独立的机制，二者任何一方发生时，都可以中止另一方。但在事件对象上调用.stopPropagation()方法是无法取消默认操作的，在这种情况下需要用.preventDefault()方法。
如果想同时停止事件传播和默认操作，则需要在事件处理程序中返回false。这是在事件对象上同时调用.stopPropagation()和.preventDefault()的简写方式。
---- 模拟用户操作 .trigger()
通过该方法可以在不必触发事件的情况下模拟事件触发后的状态。通过这种方式触发事件时，不会触发事件传播。
---- 一次性触发事件 .one()
通过该方法会为元素绑定一个一次性的事件处理函数。
---- 用show()和hide()控制元素的显示和隐藏
这两个方法其实是控制css的display属性。调用这两个方法的时候，jQuery会记住display之前的属性值。fadeIn()和fadeOut()也用于控制显示和隐藏，区别在于效果上是通过控制不透明度来实现。
---- 通过使用连缀，可以对任何jQuery效果进行排队。
---- 使用jQuery的全局函数$.getScript()可以在需要的时候随时加载js文件。以这种方式取得的脚本会在当前页面的全局环境下执行。
jQuery选择符总结
$('#title1 > li')为取得ID为title1(#title)的子元素(>)中所有的列表项(li)。
$('#title1 li:not(.class1)')为取得ID为title的后代元素中没有(not)class1类的所有列表项。
jQuery库支持XPath选择符。如：
$('a[@title]')为取得所有带title属性的链接。
也可以不用@符号。如：
$('div[ol]')为取得所以包含一个ol属性的div元素。
当然，还允许以正则表达式中的^(开始)$(结尾)*(任意)，示例如下：
$('a[href^="mailto:"]')为取得所有电子邮件的链接。
$('a[href$=".rar"]')为取得所有指向RAR文件的链接。
$('a[href*="tao028.com"]')为取得所有包含tao028.com的链接
自定义选择符，如：
$('div:eq(1)')为取得div元素集合中第2个项，注意为单个对象，其length为1。
$('div:nth-child(1)')为取得div元素集合中的所有第一个div，注意其为对象集合，稍后再详述。
$('tr:odd')为取得所有奇数行。
$('tr:even')为取得所有偶数行。
$('td:contains("hahaha")')为取得所有单元格包含hahaha的元素。
---- 关于$.each(obj, fn)：
$.each(obj, fn) 是一个通用的迭代函数，可用于近似地迭代对象和数组。
这个函数与$().each()不同，$().each()是专门用于迭代和执行jQuery对象的函数。而$.each(obj, fn)可以用于迭代任何对象和数组。 这个函数的回调中包含两个参数：第一个是key（对象）或index（数组），第二个是值。
返回值:Object
参数:
obj (Object): 要重复迭代的对象或数组
fn (Function): 要在每个对象中执行的函数
2009年3月5日星期四
[转]position:relative/absolute无法冲破的等级
记得去年年中做球友网项目的时候遇到一个关于position:relative/absolute的显示层级问题（z-index）。当时内心只是有一种模糊的猜想，不过记得当时在一个CSS交流群里提问过，解不出个所以然来，毕竟这种情况是比较特殊的，所以遭遇到这个问题的同行可能也不多。
今天又遇到这个问题了（蓝博这半年多来多数在跟数据表格交互打交道。。。），所幸在网络上找到了答案。答案是意料之中的，妙则妙在针对这种情形时折中的解决方案，呵呵。
原文地址： position:relative/absolute无法冲破的等级
由于对li:hover这样的应用还不很了解，所以改用了JS的方法，效果还算可以，就是在可用性的问题上还没有仔细去考虑，想必问题不少。
接下来有时间会仔细学习一下position在各浏览器下的解决问题，然后作为学习笔记增补上来。
今天又遇到这个问题了（蓝博这半年多来多数在跟数据表格交互打交道。。。），所幸在网络上找到了答案。答案是意料之中的，妙则妙在针对这种情形时折中的解决方案，呵呵。
原文地址： position:relative/absolute无法冲破的等级
由于对li:hover这样的应用还不很了解，所以改用了JS的方法，效果还算可以，就是在可用性的问题上还没有仔细去考虑，想必问题不少。
接下来有时间会仔细学习一下position在各浏览器下的解决问题，然后作为学习笔记增补上来。
2009年2月24日星期二
阿瑟克拉克的基本定律
定律一：如果一个年高德劭的杰出科学家说，某件事情是可能的，那他可能是正确的；但如果他说，某件事情是不可能的，那他也许是非常错误的；
定律二：要发现某件事情是否可能的界限，唯一的途径是跨越这个界限，从不可能跑到可能中去；
定律三：任何非常先进的技术，初看都与魔法无异；
定律二：要发现某件事情是否可能的界限，唯一的途径是跨越这个界限，从不可能跑到可能中去；
定律三：任何非常先进的技术，初看都与魔法无异；
2009年2月21日星期六
2009年2月20日星期五
2009年2月17日星期二
2009年2月15日星期日
在蓝色理想的作品库逛了一下，牛人太多了，差距还是挺远的。虽然身患周一综合症，还是不懈地翻看了一下，狠狠刺激了自己一把。还想在这行混的话，自认还是对工作挺上心的话，还是该好好努力，这行是一日千里地进步着。。。
春天来了。可能的话坚持每个星期临摹一个优秀网站作为练习。在这公司做得有时有点憋屈。想做出成功的商业软件和产品，团队却从没有一个相对完整的计划和流程，在一个项目开始之初亦没有做过哪怕是最初级的市场调查。初期准备没有做好，在项目开始以后会导致反复修改，反复作业，人力调派混乱，各人职责不明确；随着项目时间的不断延期，大家都迫不及待地希望尽快看到一个成型的产品，这是做技术的人的通病，有时候，几乎可以完全忽略市场方面的考虑，而只在意技术上的实现。其实小滢说得很对，按正常顺序，是先有市场，后有产品的；而一个纯粹的技术团队的思路往往是先有产品，后找市场。
有时候很希望能够找到一个真正意义上商业运作的团队，这样才能进步得再快点。在现在的公司，应该说对业务流程和项目管理这方面有了更深入的理解，但是在设计、前端架构和用户体验上却一直停滞不前，因为工作内容的性质决定了已经很久很久没有独立制作过大型的商业型网站了。没有真实的用户需求和市场变化，就不存在真正意义上的设计。
春天来了。可能的话坚持每个星期临摹一个优秀网站作为练习。在这公司做得有时有点憋屈。想做出成功的商业软件和产品，团队却从没有一个相对完整的计划和流程，在一个项目开始之初亦没有做过哪怕是最初级的市场调查。初期准备没有做好，在项目开始以后会导致反复修改，反复作业，人力调派混乱，各人职责不明确；随着项目时间的不断延期，大家都迫不及待地希望尽快看到一个成型的产品，这是做技术的人的通病，有时候，几乎可以完全忽略市场方面的考虑，而只在意技术上的实现。其实小滢说得很对，按正常顺序，是先有市场，后有产品的；而一个纯粹的技术团队的思路往往是先有产品，后找市场。
有时候很希望能够找到一个真正意义上商业运作的团队，这样才能进步得再快点。在现在的公司，应该说对业务流程和项目管理这方面有了更深入的理解，但是在设计、前端架构和用户体验上却一直停滞不前，因为工作内容的性质决定了已经很久很久没有独立制作过大型的商业型网站了。没有真实的用户需求和市场变化，就不存在真正意义上的设计。
2009年2月13日星期五
You may say that I'm a dreamer
在Flickr上看到的这张图，立即回忆起这首Imagine,以及John Lennon，一个伟大的梦想者。
Imagine -lyrics
Imagine there's no Heaven
It's easy if you try
No hell below us
Above us only sky
Imagine all the people
Living for today
Imagine there's no countries
It isn't hard to do
Nothing to kill or die for
And no religion too
Imagine all the people
Living life in peace
You may say that I'm a dreamer
But I'm not the only one
I hope someday you'll join us
And the world will be as one
Imagine no possessions
I wonder if you can
No need for greed or hunger
A brotherhood of man
Imagine all the people
Sharing all the world
You may say that I'm a dreamer
But I'm not the only one
I hope someday you'll join us
And the world will live as one
2009年2月12日星期四
给广大网页设计界新人和水平长期停滞不前人员的一点建议
如果你是新人和水平一般的设计师请往下看。
一、现在国内从事网页设计的人员越来越多，有不少新人会担心自己没有工作经验，和成功的作品案例，难以进入这一行业。确实，随着这几年设计师的资源积累，企业对新人的要求也会越来越高，工作经验当然是考虑的一个重要因素，但如果应聘者平时有不错的练习作品、草稿、想法等等，也会引起一些企业的关注和兴趣，他们会认为你在短期内有很大的提高和突破空间，从而选择你！
二、可能国内众多普通的网络公司里面的网页设计人，会发现从事该行业时间不短，但水平不见拔高，和国内众多高手相比，差距甚远，又找不到什么好的提高办法，想进优质的设计公司又不容易。
如果你是以上两种人的一种，如果你想在这个行业有所成绩，想成为高手，给你一个建议，不妨从临摹优秀的网站界面作品开始（这里所说的，都是限于平时练习学习，并非运用于商业作品当中，Photoshop没学好的新人还是先去学好这个软件）！
你可以选择你认为不错的网页界面作品，进行模仿，相信在你模仿的过程当中，会发现很多平时自己不注意的问题，风格的变化，色彩的运用，按钮、字体的等等。对于那些长期受那种大众化风格困扰的设计人员来说，更是一种突破！建议大家临摹时多选择一些欧美风格的作品，因为他们在页面细节的处理上非常多，非常值得大家学习！
联盟近期正在不断收录一些国外优秀网页设计师的界面作品，可以做为学习参考（http://68design.net/Appreciate/Interface/list-1.html）
希望有参与练习的设计师可以将你的练习稿发到社区来，进行交流，你可以建立一个自己的练习作品专贴，相信这也是对你的水平提高的一个见证，也可以让联盟、广大设计师、和企业关注到你！(发贴时尽量将原作品地址也贴出来)
春天到了，该动手了！
一、现在国内从事网页设计的人员越来越多，有不少新人会担心自己没有工作经验，和成功的作品案例，难以进入这一行业。确实，随着这几年设计师的资源积累，企业对新人的要求也会越来越高，工作经验当然是考虑的一个重要因素，但如果应聘者平时有不错的练习作品、草稿、想法等等，也会引起一些企业的关注和兴趣，他们会认为你在短期内有很大的提高和突破空间，从而选择你！
二、可能国内众多普通的网络公司里面的网页设计人，会发现从事该行业时间不短，但水平不见拔高，和国内众多高手相比，差距甚远，又找不到什么好的提高办法，想进优质的设计公司又不容易。
如果你是以上两种人的一种，如果你想在这个行业有所成绩，想成为高手，给你一个建议，不妨从临摹优秀的网站界面作品开始（这里所说的，都是限于平时练习学习，并非运用于商业作品当中，Photoshop没学好的新人还是先去学好这个软件）！
你可以选择你认为不错的网页界面作品，进行模仿，相信在你模仿的过程当中，会发现很多平时自己不注意的问题，风格的变化，色彩的运用，按钮、字体的等等。对于那些长期受那种大众化风格困扰的设计人员来说，更是一种突破！建议大家临摹时多选择一些欧美风格的作品，因为他们在页面细节的处理上非常多，非常值得大家学习！
联盟近期正在不断收录一些国外优秀网页设计师的界面作品，可以做为学习参考（http://68design.net/Appreciate/Interface/list-1.html）
希望有参与练习的设计师可以将你的练习稿发到社区来，进行交流，你可以建立一个自己的练习作品专贴，相信这也是对你的水平提高的一个见证，也可以让联盟、广大设计师、和企业关注到你！(发贴时尽量将原作品地址也贴出来)
春天到了，该动手了！
[转]推荐Photoshop常用技巧167条
1. 快速打开文件双击Photoshop的背景空白处(默认为灰色显示区域)即可打开选择文件的浏览窗口。
2. 随意更换画布颜色 选择油漆桶工具并按住Shift点击画布边缘，即可设置画布底色为当前选择的前景色。如果要还原到默认的颜色，设置前景色为25%灰度(R192，G192，B192)再次按住Shift点击画布边缘。
3. 选择工具的快捷键 可以通过按快捷键来快速选择工具箱中的某一工具，各个工具的字母快捷键如下：
选框-M 移动-V 套索-L 魔棒-W 喷枪-J 画笔-B 铅笔-N 橡皮图章-S 历史记录画笔-Y 橡皮擦-E 模糊-R 减淡-O 钢笔-P 文字-T 度量-U 渐变-G 油漆桶-K 吸管-I 抓手-H 缩放-Z 默认前景和背景色-D 切换前景和背景色-X 编辑模式切换-Q 显示模式切换-F
另外，如果我们按住Alt键后再单击显示的工具图标，或者按住Shift键并重复按字母快捷键则可以循环选择隐藏的工具。
4. 获得精确光标 按Caps Lock键可以使画笔和磁性工具的光标显示为精确十字线，再按一次可恢复原状。
5. 显示/隐藏控制板 按Tab键可切换显示或隐藏所有的控制板(包括工具箱)，如果按Shift+Tab则工具箱不受影响，只显示或隐藏其他的控制板。
6. 快速恢复默认值 有些不擅长Photoshop的朋友为了调整出满意的效果真是几经周折，结果发现还是原来的默认效果最好，这下傻了眼，后悔不该当初呀！怎么恢复到默认值呀？试着轻轻点按选项栏上的工具图标，然后从上下文菜单中选取“复位工具”或者“复位所有工具”。
7. 自由控制大小缩放工具的快捷键为“Z”，此外“Ctrl＋空格键”为放大工具，“Alt＋空格键”为缩小工具，但是要配合鼠标点击才可以缩放；相同按Ctrl+“+”键以及“－”键分别也可为放大和缩小图像；Ctrl+Alt+“+”和 Ctrl+Alt+“－” 可以自动调整窗口以满屏缩放显示，使用此工具你就可以无论图片以多少百份比来显示的情况下都能全屏浏览！如果想要在使用缩放工具时按图片的大小自动调整窗口，可以在缩放工具的属性条中点击“满画布显示”选项。
8. 使用非Hand Tool(手形工具)时，按住空格键后可转换成手形工具，即可移动视窗内图像的可见范围。在手形工具上双击鼠标可以使图像以最适合的窗口大小显示，在缩放工具上双击鼠标可使图像以1:1的比例显示。
9. 在使用Erase Tool(橡皮擦工具)时，按住Alt 键即可将橡皮擦功能切换成恢复到指定的步骤记录状态。
10. 使用Smudge Tool(指尖工具)时，按住Alt键可由纯粹涂抹变成用前景色涂抹。
11. 要移动使用Type Mask Tool(文字蒙版工具)打出的字形选取范围时，可先切换成快速蒙版模式（用快捷键Q切换），然后再进行移动，完成后只要再切换回标准模式即可。
12. 按住Alt键后，使用Rubber Stamp Tool(橡皮图章工具)在任意打开的图像视窗内单击鼠标，即可在该视窗内设定取样位置，但不会改变作用视窗。
13. 在使用Move Tool(移动工具)时，可按键盘上的方向键直接以1 pixel的距离移动图层上的图像，如果先按住Shift键后再按方向键则以每次10 pixel的距离移动图像。 而按Alt键拖动选区将会移动选区的拷贝。
14. 使用磁性套索工具或磁性钢笔工具时，按“[”或“]”键可以实时增加或减少采样宽度(选项调板中)。
15. 度量工具在测量距离上十分便利(特别是在斜线上)，你同样可以用它来量角度(就像一只量角器)。在信息面板可视的前提下，选择度量工具点击并拖出一条直线，按住Alt键从第一条线的节点上再拖出第二条直线，这样两条线间的夹角和线的长度都显示在信息面板上。用测量工具拖动可以移动测量线(也可以只单独移动测量线的一个节点)，把测量线拖到画布以外就可以把它删除。
16. 使用绘画工具如(如画笔，向笔等)，按住Shift键单击鼠标，可将两次单击点以直线连接。
17. 按住Alt键用吸管工具选取颜色即可定义当前背景色。通过结合颜色取样器工具(Shift+I)和信息面板监视当前图片的颜色变化。变化前后的颜色值显示在信息面板上其取样点编号的旁边。通过信息面板上的弹出菜单可以定义取样点的色彩模式。要增加新取样点只需在画布上用颜色取样器工具随便什么地方再点一下，按住Alt键点击可以除去取样点。但一张图上最多只能放置四个颜色取样点。当Photoshop中有对话框(例如：色阶命令、曲线命令等等)弹出时，要增加新的取样点必须按住Shift键再点击，按住Alt+Shift点击可以减去一个取样点。
18. 裁切工具大家都一定用过，这种情况你也一定遇到过；在你调整裁切握、而裁切框又比较接近图像边界的时候，裁减框会自动地贴到图像的边上，令你无法精确的裁切图像。不过只要在调整裁切边框的时候接下“Ctrl”键，那么裁切框就会服服帖帖，让你精确裁切。
复制技巧
19. 按住Ctrl+Alt键拖动鼠标可以复制当前层或选区内容。
20. 如果你最近拷贝了一张图片存在剪贴板里，Photoshop在新建文件(Ctrl+N)的时候会以剪贴板中图片的尺寸作为新建图的默认大小。要略过这个特性而使用上一次的设置，在打开的时候按住Alt键(Ctrl+Alt+N)。
21. 如果创作一幅新作品，需要与一幅已打开的图片有一样的尺寸、解析度、格式的文件。选取“文件”→“New”，点Photoshop菜单栏的Windows选项，在弹出菜单的最下面一栏点击已开启的图片名称，是的，就是这么简单!22. 在使用自由变换工具(Ctrl+T)时按住Alt键(Ctrl+Alt+T)即可先复制原图层(在当前的选区)后在复制层上进行变换；Ctrl+Shift+T为再次执行上次的变换，Ctrl+Alt+Shift+T为复制原图后再执行变换。
23. 使用“通过复制新建层(Ctrl+J)”或“通过剪切新建层(Ctrl+J)”命令可以在一步之间完成拷贝到粘贴和剪切到粘贴的工作；通过复制(剪切)新建层命令粘贴时仍会放在它们原来的地方，然而通过拷贝(剪切)再粘贴，就会贴到图片(或选区)的中心。
24. 若要直接复制图像而不希望出现命名对话框，可先按住Alt键，再执行“图像”→“副本”命令。
25. Photoshop的剪贴板很好用，但你更希望直接使用Windows系统剪贴板，直接处理从屏幕上截取的图像。好的，按下Ctrl＋K，在弹出的面板上将“输出到剪贴板”点中吧！
26. 在Photoshop内实现有规律复制在做版面设计的时候我们会经常把某些元素有规律地摆放以寻求一种形式的美感，在Photoshop内通过四个快捷键的组合就可以轻易得出。
(1)圈选出你要复制的物体；
(2)按Ctrl+J产生一个浮动 Layer；
(3)按旋转并移动到适当位置后确认；
(4)现在可以按住Ctrl+Alt+Shift 后连续按“T”就可以有规律地复制出连续的物体。(只按住Ctrl+Shift则只是有规律移动)
27. 当我们要复制文件中的选择对象时，要使用编辑菜单中的复制命令。复制一次你也许觉不出麻烦，但要多次复制，一次一次的点击就相当不便了。这时你可以先用选择工具选定对象，而后点击移动工具，再按住“Alt”键不放。当光标变成一黑一白重叠在一起的两个箭头时，拖动鼠标到所需位置即可。若要多次复制，只要重复的放松鼠标就行了。
28. 可以用选框工具或套索工具，把选区从一个文档拖到另一个上。
29. 要为当前历史状态或快照建立一个复制文档可以：
(1)点击“从当前状态创建新文档”按钮；
(2)从历史面板菜单中选择新文档；
(3)拖动当前状态(或快照)到“从当前状态创建新文档”按钮上；
(4)右键点击所要的状态(或快照)从弹出菜单中选择新文档把历史状态中当前图片的某一历史状态拖到另一个图片的窗口可改变目的图片的内容。按住Alt键点击任一历史状态(除了当前的、最近的状态)可以复制它。而后被复制的状态就变为当前(最近的)状态。按住Alt拖动动作中的步骤可以把它复制到另一个动作中。
选择技巧
30. 把选择区域或层从一个文档拖向另一个时，按住Shift键可以使其在目的文档上居中。如果源文档和目的文档的大小(尺寸)相同，被拖动的元素会被放置在与源文档位置相同的地方(而不是放在画布的中心)。如果目的文档包含选区，所拖动的元素会被放置在选区的中心。
31. 在动作调板中单击右上角的三角形按钮，从弹出的菜单中选择载入动作，进入Photoshop\Goodies\Actions目录下，其下有按钮、规格、命令、图像效果，文字效果、纹理、帧六个动作集，包含了很多实用的东西哟!另外，在该目录下还有一个ACTIONS.PDF文件，可用Adobe Acrobat软件打开，里面详细介绍了这些动作的使用方法和产生的效果。
32. 单击工具条中的画笔类工具，在随后显示的属性条中单击画笔标签右边的小三角，在弹出的菜单中再点击小箭头选择“载入画笔…”。到Photoshop目录的Brushes文件夹中选择*.abr。原来这里还有这么多可爱的东西。
33. 画出一个漂亮的标记，想在作品中重复使用？好办，用套索工具选好它，在Brushes的弹出菜单中选“储存画笔…”，然后用画笔工具选中这个新笔头……朋友，想做居室喷涂吗?
34. 如果想选择两个选择区域之间的部分，在已有的任意一个选择区域的旁边同时按住Shift和Alt键进行拖动，画第二个选择区域(鼠标十字形旁出现一个乘号，表示重合的该区域将被保留)。
35. 在选择区域中删除正方形或圆形，首先增加任意一个选择区域，然后在该选择区域内，按Alt键拖动矩形或椭圆的面罩工具。然后松开Alt键，按住Shift键，拖动到你满意为止。然后先松开鼠标按钮再松开Shift键。
36. 从中心向外删除一个选择区域，在任意一个选择区域内，先按Alt键拖动矩形或椭圆的面罩工具，然后松开Alt键后再一次按住Alt键，最后松开鼠标按钮再松开Alt键。
37. 在快速蒙版模式下要迅速切换蒙版区域或选取区域选项时，先按住Alt键后将光标移到快速遮色片模式图标上单击鼠标就可以了。
38. 使用选框工具的时候，按住Shift键可以划出正方形和正圆的选区；按住Alt键将从起始点为中心勾划选区。
39. 使用“重新选择”命令(Ctrl+Shift+D)来载入/恢复之前的选区。
40. 在使用套索工具勾画选区的时候按Alt键可以在套索工具和多边形套索工具间切换。勾画选区的时候按住空格键可以移动正在勾画的选区。
41. 按住Ctrl键点击层的图标(在层面板上)可载入它的透明通道，再按住Ctrl+Alt+Shift键点击另一层为选取两个层的透明通道相交的区域。
42. 在缩放或复制图片之间先切换到快速蒙板模式[Q]可保留原来的选区。
43. “选择框”工具中Shift和Alt键的使用方法：当用“选择框”选取图片时，想扩大选择区，这时按住Shift键，光标“+”会变成“十+”，拖动光标，这样就可以再原来选取的基础上扩大你所需的选择区域。或是在同一副图片中同时选取两个或两个 以上的选取框。当用“选择框”选取图片时，想在“选择框”中减去多余的图片，这时按住“Alt”键，光标“+”会变成“十-”，拖动光标，这样就可以留下你所需要的图片。当用“选择框”选取图片时，想得到两个选取框叠加的部分，这时按住“Shift+Alt”键，光标“+”会变成“十í”，拖动光标，这样就你想要的部分。想得到“选取框”中的正圆或正方形时，按住“Shift”键，就可以。
44. “套索”工具中Shift和Alt键的使用方法：增加选取范围按“Shift”键。(方法和“选择框”中的1相同)减少选取范围按“Alt”键。(方法和“选择框”中的2相同)两个选取框叠加的区域按“Shift+Alt”键。(方法和“选择框”中的3相同)
45. “魔杖”工具中Shift和Alt键的使用方法：增加选取范围按“Shift”键。(方法和“选择框”中的1相同)减少选取范围按“Alt”键。(方法和“选择框”中的2相同)两个选取框叠加的区域按“Shift+Alt”键。(方法和“选择框”中的3相同)
2. 随意更换画布颜色 选择油漆桶工具并按住Shift点击画布边缘，即可设置画布底色为当前选择的前景色。如果要还原到默认的颜色，设置前景色为25%灰度(R192，G192，B192)再次按住Shift点击画布边缘。
3. 选择工具的快捷键 可以通过按快捷键来快速选择工具箱中的某一工具，各个工具的字母快捷键如下：
选框-M 移动-V 套索-L 魔棒-W 喷枪-J 画笔-B 铅笔-N 橡皮图章-S 历史记录画笔-Y 橡皮擦-E 模糊-R 减淡-O 钢笔-P 文字-T 度量-U 渐变-G 油漆桶-K 吸管-I 抓手-H 缩放-Z 默认前景和背景色-D 切换前景和背景色-X 编辑模式切换-Q 显示模式切换-F
另外，如果我们按住Alt键后再单击显示的工具图标，或者按住Shift键并重复按字母快捷键则可以循环选择隐藏的工具。
4. 获得精确光标 按Caps Lock键可以使画笔和磁性工具的光标显示为精确十字线，再按一次可恢复原状。
5. 显示/隐藏控制板 按Tab键可切换显示或隐藏所有的控制板(包括工具箱)，如果按Shift+Tab则工具箱不受影响，只显示或隐藏其他的控制板。
6. 快速恢复默认值 有些不擅长Photoshop的朋友为了调整出满意的效果真是几经周折，结果发现还是原来的默认效果最好，这下傻了眼，后悔不该当初呀！怎么恢复到默认值呀？试着轻轻点按选项栏上的工具图标，然后从上下文菜单中选取“复位工具”或者“复位所有工具”。
7. 自由控制大小缩放工具的快捷键为“Z”，此外“Ctrl＋空格键”为放大工具，“Alt＋空格键”为缩小工具，但是要配合鼠标点击才可以缩放；相同按Ctrl+“+”键以及“－”键分别也可为放大和缩小图像；Ctrl+Alt+“+”和 Ctrl+Alt+“－” 可以自动调整窗口以满屏缩放显示，使用此工具你就可以无论图片以多少百份比来显示的情况下都能全屏浏览！如果想要在使用缩放工具时按图片的大小自动调整窗口，可以在缩放工具的属性条中点击“满画布显示”选项。
8. 使用非Hand Tool(手形工具)时，按住空格键后可转换成手形工具，即可移动视窗内图像的可见范围。在手形工具上双击鼠标可以使图像以最适合的窗口大小显示，在缩放工具上双击鼠标可使图像以1:1的比例显示。
9. 在使用Erase Tool(橡皮擦工具)时，按住Alt 键即可将橡皮擦功能切换成恢复到指定的步骤记录状态。
10. 使用Smudge Tool(指尖工具)时，按住Alt键可由纯粹涂抹变成用前景色涂抹。
11. 要移动使用Type Mask Tool(文字蒙版工具)打出的字形选取范围时，可先切换成快速蒙版模式（用快捷键Q切换），然后再进行移动，完成后只要再切换回标准模式即可。
12. 按住Alt键后，使用Rubber Stamp Tool(橡皮图章工具)在任意打开的图像视窗内单击鼠标，即可在该视窗内设定取样位置，但不会改变作用视窗。
13. 在使用Move Tool(移动工具)时，可按键盘上的方向键直接以1 pixel的距离移动图层上的图像，如果先按住Shift键后再按方向键则以每次10 pixel的距离移动图像。 而按Alt键拖动选区将会移动选区的拷贝。
14. 使用磁性套索工具或磁性钢笔工具时，按“[”或“]”键可以实时增加或减少采样宽度(选项调板中)。
15. 度量工具在测量距离上十分便利(特别是在斜线上)，你同样可以用它来量角度(就像一只量角器)。在信息面板可视的前提下，选择度量工具点击并拖出一条直线，按住Alt键从第一条线的节点上再拖出第二条直线，这样两条线间的夹角和线的长度都显示在信息面板上。用测量工具拖动可以移动测量线(也可以只单独移动测量线的一个节点)，把测量线拖到画布以外就可以把它删除。
16. 使用绘画工具如(如画笔，向笔等)，按住Shift键单击鼠标，可将两次单击点以直线连接。
17. 按住Alt键用吸管工具选取颜色即可定义当前背景色。通过结合颜色取样器工具(Shift+I)和信息面板监视当前图片的颜色变化。变化前后的颜色值显示在信息面板上其取样点编号的旁边。通过信息面板上的弹出菜单可以定义取样点的色彩模式。要增加新取样点只需在画布上用颜色取样器工具随便什么地方再点一下，按住Alt键点击可以除去取样点。但一张图上最多只能放置四个颜色取样点。当Photoshop中有对话框(例如：色阶命令、曲线命令等等)弹出时，要增加新的取样点必须按住Shift键再点击，按住Alt+Shift点击可以减去一个取样点。
18. 裁切工具大家都一定用过，这种情况你也一定遇到过；在你调整裁切握、而裁切框又比较接近图像边界的时候，裁减框会自动地贴到图像的边上，令你无法精确的裁切图像。不过只要在调整裁切边框的时候接下“Ctrl”键，那么裁切框就会服服帖帖，让你精确裁切。
复制技巧
19. 按住Ctrl+Alt键拖动鼠标可以复制当前层或选区内容。
20. 如果你最近拷贝了一张图片存在剪贴板里，Photoshop在新建文件(Ctrl+N)的时候会以剪贴板中图片的尺寸作为新建图的默认大小。要略过这个特性而使用上一次的设置，在打开的时候按住Alt键(Ctrl+Alt+N)。
21. 如果创作一幅新作品，需要与一幅已打开的图片有一样的尺寸、解析度、格式的文件。选取“文件”→“New”，点Photoshop菜单栏的Windows选项，在弹出菜单的最下面一栏点击已开启的图片名称，是的，就是这么简单!22. 在使用自由变换工具(Ctrl+T)时按住Alt键(Ctrl+Alt+T)即可先复制原图层(在当前的选区)后在复制层上进行变换；Ctrl+Shift+T为再次执行上次的变换，Ctrl+Alt+Shift+T为复制原图后再执行变换。
23. 使用“通过复制新建层(Ctrl+J)”或“通过剪切新建层(Ctrl+J)”命令可以在一步之间完成拷贝到粘贴和剪切到粘贴的工作；通过复制(剪切)新建层命令粘贴时仍会放在它们原来的地方，然而通过拷贝(剪切)再粘贴，就会贴到图片(或选区)的中心。
24. 若要直接复制图像而不希望出现命名对话框，可先按住Alt键，再执行“图像”→“副本”命令。
25. Photoshop的剪贴板很好用，但你更希望直接使用Windows系统剪贴板，直接处理从屏幕上截取的图像。好的，按下Ctrl＋K，在弹出的面板上将“输出到剪贴板”点中吧！
26. 在Photoshop内实现有规律复制在做版面设计的时候我们会经常把某些元素有规律地摆放以寻求一种形式的美感，在Photoshop内通过四个快捷键的组合就可以轻易得出。
(1)圈选出你要复制的物体；
(2)按Ctrl+J产生一个浮动 Layer；
(3)按旋转并移动到适当位置后确认；
(4)现在可以按住Ctrl+Alt+Shift 后连续按“T”就可以有规律地复制出连续的物体。(只按住Ctrl+Shift则只是有规律移动)
27. 当我们要复制文件中的选择对象时，要使用编辑菜单中的复制命令。复制一次你也许觉不出麻烦，但要多次复制，一次一次的点击就相当不便了。这时你可以先用选择工具选定对象，而后点击移动工具，再按住“Alt”键不放。当光标变成一黑一白重叠在一起的两个箭头时，拖动鼠标到所需位置即可。若要多次复制，只要重复的放松鼠标就行了。
28. 可以用选框工具或套索工具，把选区从一个文档拖到另一个上。
29. 要为当前历史状态或快照建立一个复制文档可以：
(1)点击“从当前状态创建新文档”按钮；
(2)从历史面板菜单中选择新文档；
(3)拖动当前状态(或快照)到“从当前状态创建新文档”按钮上；
(4)右键点击所要的状态(或快照)从弹出菜单中选择新文档把历史状态中当前图片的某一历史状态拖到另一个图片的窗口可改变目的图片的内容。按住Alt键点击任一历史状态(除了当前的、最近的状态)可以复制它。而后被复制的状态就变为当前(最近的)状态。按住Alt拖动动作中的步骤可以把它复制到另一个动作中。
选择技巧
30. 把选择区域或层从一个文档拖向另一个时，按住Shift键可以使其在目的文档上居中。如果源文档和目的文档的大小(尺寸)相同，被拖动的元素会被放置在与源文档位置相同的地方(而不是放在画布的中心)。如果目的文档包含选区，所拖动的元素会被放置在选区的中心。
31. 在动作调板中单击右上角的三角形按钮，从弹出的菜单中选择载入动作，进入Photoshop\Goodies\Actions目录下，其下有按钮、规格、命令、图像效果，文字效果、纹理、帧六个动作集，包含了很多实用的东西哟!另外，在该目录下还有一个ACTIONS.PDF文件，可用Adobe Acrobat软件打开，里面详细介绍了这些动作的使用方法和产生的效果。
32. 单击工具条中的画笔类工具，在随后显示的属性条中单击画笔标签右边的小三角，在弹出的菜单中再点击小箭头选择“载入画笔…”。到Photoshop目录的Brushes文件夹中选择*.abr。原来这里还有这么多可爱的东西。
33. 画出一个漂亮的标记，想在作品中重复使用？好办，用套索工具选好它，在Brushes的弹出菜单中选“储存画笔…”，然后用画笔工具选中这个新笔头……朋友，想做居室喷涂吗?
34. 如果想选择两个选择区域之间的部分，在已有的任意一个选择区域的旁边同时按住Shift和Alt键进行拖动，画第二个选择区域(鼠标十字形旁出现一个乘号，表示重合的该区域将被保留)。
35. 在选择区域中删除正方形或圆形，首先增加任意一个选择区域，然后在该选择区域内，按Alt键拖动矩形或椭圆的面罩工具。然后松开Alt键，按住Shift键，拖动到你满意为止。然后先松开鼠标按钮再松开Shift键。
36. 从中心向外删除一个选择区域，在任意一个选择区域内，先按Alt键拖动矩形或椭圆的面罩工具，然后松开Alt键后再一次按住Alt键，最后松开鼠标按钮再松开Alt键。
37. 在快速蒙版模式下要迅速切换蒙版区域或选取区域选项时，先按住Alt键后将光标移到快速遮色片模式图标上单击鼠标就可以了。
38. 使用选框工具的时候，按住Shift键可以划出正方形和正圆的选区；按住Alt键将从起始点为中心勾划选区。
39. 使用“重新选择”命令(Ctrl+Shift+D)来载入/恢复之前的选区。
40. 在使用套索工具勾画选区的时候按Alt键可以在套索工具和多边形套索工具间切换。勾画选区的时候按住空格键可以移动正在勾画的选区。
41. 按住Ctrl键点击层的图标(在层面板上)可载入它的透明通道，再按住Ctrl+Alt+Shift键点击另一层为选取两个层的透明通道相交的区域。
42. 在缩放或复制图片之间先切换到快速蒙板模式[Q]可保留原来的选区。
43. “选择框”工具中Shift和Alt键的使用方法：当用“选择框”选取图片时，想扩大选择区，这时按住Shift键，光标“+”会变成“十+”，拖动光标，这样就可以再原来选取的基础上扩大你所需的选择区域。或是在同一副图片中同时选取两个或两个 以上的选取框。当用“选择框”选取图片时，想在“选择框”中减去多余的图片，这时按住“Alt”键，光标“+”会变成“十-”，拖动光标，这样就可以留下你所需要的图片。当用“选择框”选取图片时，想得到两个选取框叠加的部分，这时按住“Shift+Alt”键，光标“+”会变成“十í”，拖动光标，这样就你想要的部分。想得到“选取框”中的正圆或正方形时，按住“Shift”键，就可以。
44. “套索”工具中Shift和Alt键的使用方法：增加选取范围按“Shift”键。(方法和“选择框”中的1相同)减少选取范围按“Alt”键。(方法和“选择框”中的2相同)两个选取框叠加的区域按“Shift+Alt”键。(方法和“选择框”中的3相同)
45. “魔杖”工具中Shift和Alt键的使用方法：增加选取范围按“Shift”键。(方法和“选择框”中的1相同)减少选取范围按“Alt”键。(方法和“选择框”中的2相同)两个选取框叠加的区域按“Shift+Alt”键。(方法和“选择框”中的3相同)
快捷键技巧
46. 你可以用以下的快捷键来快速浏览你的图像：Home卷动至图像的左上角；End卷动至图像的右下角；Page UP卷动至图像的上方；Page Down卷动至图像的下方；Ctrl＋Page Up卷动至图像的左方；Ctrl＋Page Down卷动至图像的右方。
47. 按Ctrl键+Alt键+0键即可使图像按1:1比例显示。
48. 当你想“紧排”(调整个别字母之间的空位)，首先在两个字母之间单击，然后按下Alt键后用左右方向键调整。
49. 将对话框内的设定恢复为默认，先按住Alt键后，Cancel键会变成Reset键，再单击Reset键即可。
50. 要快速改变在对话框中显示的数值，首先用鼠标点击那个数字，让光标处在对话框中，然后就可以用上下方向键来改变该数植了。如果在用方向键改变数值前先按下Shift键，那么数值的改变速度会加快。
51. Photoshop 6.0除了以往熟悉的快捷键Ctrl+Z(可以自由地在历史记录和当前状态中切换)之外，还增加了Shift+Ctrl+Z(用以按照操作次序不断的逐步恢复操作)和Alt+Ctrl+Z(使用户可以按照操作次序不断的逐步取消操作)两个快捷键。按Ctrl+Alt+Z和Ctrl+Shift+Z组合键分别为在历史记录中向后和向前(或者可以使用历史面板中的菜单来使用这些命令)。
52. 填充功能：Shift+Backspace打开填充对话框；Alt+Backspace和Ctrl+Backspace组合键分别为填充前景色和背景色；按Alt+Shift+Backspace及Ctrl+Shift+Backspace组合键在填充前景及背景色的时候只填充已存在的像素(保持透明区域)。
53. 键盘上的D键、X键可迅速切换前景色和背景色。
54. 用任一绘图工具画出直线笔触：先在起点位置单击鼠标，然后按住Shift键，再将光标移到终点单击鼠标即可。
55. 打开Curve(曲线)对话框时，按Alt键后单击曲线框，可使格线更精细，再单击鼠标可恢复原状。
56. 使用矩形(椭圆)选取工具选择范围后，按住鼠标不放，再按空格键即可随意调整选取框的位置，放开后可再调整选取范围的大小。
57. 增加一个由中心向外绘制的矩形或椭圆形，在增加的任意一个选择区域内，先按Shift键拖动矩形或椭圆的面罩工具，然后放开Shift键，然后按Alt 键，最后松开鼠标按钮再松开Alt键。按Enter键或Return键可关闭滑块框。若要取消更改，按Escape键 (Esc)。若要在打开弹出式滑块对话框时以10%的增量增加或减少数值，请按住Shift键并按上箭头键或者下箭头键。
58. 若要在屏幕上预览RGB模式图像的CMYK模式色彩时，可先执行“视图”→“新视图”命令，产生一个新视图后，再执行“视图”→“预览”→“CMYK”命令，即可同时观看两种模式的图像，便于比较分析。
59. 按Shift键拖移选框工具限制选框为方形或圆形；按Alt键拖移选框工具从中心开始绘制选框；按Shift+Alt键拖移选框工具则从中心开始绘制方形或圆形选框。
60. 要防止使用裁切工具时选框吸附在图片边框上，在拖动裁切工具选框上的控制点的时候按住Ctrl键即可。
61. 要修正倾斜的图像，先用测量工具在图上可以作为水平或垂直方向基准的地方画一条线(如图像的边框、门框、两眼间的水平线等等)，然后从菜单中选“图像”→“旋转画布”→“任意角度…”，打开后会发现正确的旋转角度已经自动填好了，只要按确定就OK啦。
62. 可以用裁切工具来一步完成旋转和剪切的工作：先用裁切工具画一个方框，拖动选框上的控制点来调整选取框的角度和大小，最后按回车实现旋转及剪切。测量工具量出的角度同时也会自动填到数字变换工具(“编辑”→“变换” →“数字” )对话框中。
63. 裁剪图像后所有在裁剪范围之外的像素就都丢失了。要想无损失地裁剪可以用“画布大小”命令来代替。虽然Photoshop会警告你将进行一些剪切，但出于某种原因，事实上并没有将所有“被剪切掉的”数据都被保留在画面以外，但这对索引色模式不起作用。
64. 合并可见图层时按Ctrl+Alt+Shift+E为把所有可见图层复制一份后合并到当前图层。同样可以在合并图层的时候按住Alt键，会把当前层复制一份后合并到前一个层，但是Ctrl+Alt+E这个热键这时并不能起作用。
65. 按Shift+Backspace键可激活“编辑”→“填充”命令对话框，按Alt+Backspace键可将前景色填入选取框；按Ctrl+Backspace键可将背景填八选取框内。
66. 按Shift+Alt+Backspace 键可将前景色填入选取框内并保持透明设置，按Shift+CtrBackspace键可将背景色填入选取框内保持透明设置。
67. 按Alt+Ctrl+Backspace键从历史记录中填充选区或图层，按Shift+Alt+Ctrl+Backspace键从历记录中填充选区或图层并且保持透明设置。
68. 按Ctrl＋“＝”键可使图像显示持续放大，但窗口不随之缩小；按Ctrl＋“－”键可使图像显示持续缩小，但窗口不随之缩小；按 Ctrl+Alt＋“＝”键可使图像显示持续放大，且窗口随之放大；按Ctrl+Alt＋“－”键可使图像显示持续缩小，且窗口随之缩小。
69. 移动图层和选区时，按住Shift键可做水平、垂直或45度角的移动；按键盘上的方向键可做每次1个像素的移动；按住Shift键后再按键盘上的方向键可做每次10个像素的移动。
70. 创建参考线时，按Shift键拖移参考线可以将参考线紧贴到标尺刻度处；按Alt键拖移参考线可以将参考线更改为水平或垂直取向。
71. 在“图像”→“调整”→“曲线”命令对话框中，按住Alt键于格线内单击鼠标可以使格线精细或粗糙；按住Shift键并单击控制点可选择多个控制点，按住Ctrl 键并单击某一控制点可将该点删除。
72. 若要将某一图层上的图像拷贝到尺寸不同的另一图像窗口中央位置时，可以在拖动到目的窗口时按住Shift键，则图像拖动到目的窗口后会自动居中。
73. 在使用“编辑”→“自由变换”(Ctrl+T)命令时，按住Ctrl键并拖动某一控制点可以进行自由变形调整；按住Alt键并拖动某一控制点可以进行对称变形调整；按住Shift键并拖动某一控制点可以进行按比例缩放的调整；按住Shift+Ctrl键并拖动某一控制点可以进行透视效果的调整；按 Shift+Ctrl键并拖动某一控制点可以进行斜切调整；按Enter键应用变换；按Esc键取消操作。
74. 在色板调板中，按Shift键单击某一颜色块，则用前景色替代该颜色；按Shift+Alt键单击鼠标，则在点击处前景色作为新的颜色块插入；按Alt键在某一颜色块上单击，则将背景色变该颜色；按Ctrl键单击某一颜色块，会将该颜色块删除。
75. 在图层、通道、路径调板上，按Alt键单击这些调板底部的工具按钮时，对于有对话框的工具可调出相应的对话框更改设置。76. 在图层、通道、路径调板上，按Ctrl键并单击一图层、通道或路径会将其作为选区载入；按Ctrl+Shift键并单击，则添加到当前选区；按Ctrl+Shift+Alt键并单击，则与当前选区交叉。
76. 在图层、通道、路径调板上，按Ctrl键并单击一图层、通道或路径会将其作为选区载入；按Ctrl+Shift键并单击，则添加到当前选区；按Ctrl+Shift+Alt键并单击，则与当前选区交叉。
77. 在图层调板中使用图层蒙板时，按Shift键并单击图层蒙板缩览图，会出现一个红叉，表示禁用当前蒙板，按Alt键并单击图层蒙板缩览图，蒙板会以整幅图像的方式显示，便于观察调整。
78. 在路径调板中，按住Shift键在路径调板的路径栏上单击鼠标可切换路径是否显示。
79. 更改某一对话框的设置后，若要恢复为先前值，要按住alt键、取消按钮会变成复位按钮，在复位按钮上单击即可。路径技巧
80. 大家在点选调整路径上的一个点后，按“Alt”键，再点击鼠标左键在点上点击一下，这时其中一根“调节线”将会消失，再点击下一个路径点时就会不受影响了。
81. 如果你用“Path”画了一条路径，而鼠标现在的状态又是钢笔的话，你只按下小键盘上的回车键(记住是小键盘上的回车，不是主键盘上的！)，那么路径就马上会变为“选取区”了。
82. 如果你用钢笔工具画了一条路径，而你现在鼠标的状态又是钢笔的话，你只要按下小键盘上的回车键(记住是小键盘上的回车，不是主键盘上的！)，那么路径就马上就被作为选区载入。
83. 按住Alt键后在路径控制板上的垃圾桶图标上单击鼠标可以直接删除路径。
84. 使用路径其他工具时按住Ctrl键使光标暂时变成方向选取范围工具。
85. 按住Alt键后在路径控制板上的垃圾桶图标上单击鼠标可以直接删除路径。
86. 使用路径其他工具时按住Ctrl键使光标暂时变成方向选取范围工具。
87. 点击路径面板上的空白区域可关闭所有路径的显示。
88. 在点击路径面板下方的几个按钮(用前景色填充路径、用前景色描边路径、将路径作为选区载入)时，按住Alt键可以看见一系列可用的工具或选项。
89. 如果我们需要移动整条或是多条路径，请选择所需移动的路径然后使用快捷键Ctrl+T，就可以拖动路径至任何位置。
90. 在勾勒路径时，我们最常用的操作还是像素的单线条的勾勒，但此时会出现问题，即有矩齿存在，很影响实用价值，此时我们不妨先将其路径转换为选区，然后对选区进行描边处理，同样可以得到原路径的线条，却可以消除矩齿。
91. 将选择区域转换成路径是一个非常实用的操作。此功能与控制面板中的相应图标功能一致。调用此功能时，所需要的属性设置将可在弹出的MAKE WORK PQTH设置窗口中进行。
92. 使用笔形工具制作路径时按住Shift键可以强制路径或方向线成水平、垂直或45度角，按住Ctrl键可暂时切换到路径选取工具，按住Alt键将笔形光标在黑色节点上单击可以改变方向线的方向，使曲线能够转折；按Alt键用路径选取工具单击路径会选取整个路径；要同时选取多个路径可以按住Shift后逐个单击；使用路径选工具时按住“Ctrl+Alt”键移近路径会切换到加节点与减节点笔形工具。
93. 若要切换路径是否显示，可以按住Shift键后在路径调色板的路径栏上单击鼠标， 或者在路径调色版灰色区域单击即可，还可以按Ctrl+Shift+H。 若要在Color调色板上直接切换色彩模式，可先按住Shift键后，再将光标移到色彩条上单击即可。
滤镜技巧
98. 滤镜快捷键Ctrl+F——再次使用刚用过的滤镜。Ctrl+Alt+F——用新的选项使用刚用过的滤镜。Ctrl+Shift+F——退去上次用过的滤镜或调整的效果或改变合成的模式。
99. 在滤镜窗口里，按Alt键，Cancel按钮会变成Reset按钮，可恢复初始状况。想要放大在滤镜对话框中图像预览的大小，直接按下“Ctrl”，用鼠标点击预览区域即可放大；反之接下“Alt”键则预览区内的图像便迅速变小。
100. 滤镜菜单的第一行会记录上一条滤镜的使用情况，方便重复执行。
101. 在图层的面板上可对已执行滤镜后的效果调整不透明度和色彩混合等 (操作的对象必须是图层)。
102. 对选取的范围羽化(Feather)一下，能减少突兀的感觉。
103. 在使用“滤镜”→“渲染”→“云彩”的滤镜时，若要产生更多明显的云彩图案，可先按住Alt键后再执行该命令；若要生成低漫射云彩效果，可先按住Shift键后再执行命令。
104. 在使用“滤镜”→“渲染”→“光照效果”的滤镜时，若要在对话框内复制光源时，可先按住Alt键后再拖动光源即可实现复制。
105. 针对所选择的区域进行处理。如果没有选定区域，则对整个图像做处理；如果只选中某一层或某一通道，则只对当前的层或通道起作用。
106. 滤镜的处理效果以像素为单位，就是说相同的参数处理不同分辨率的图像，效果会不同。
107. RGB的模式里可以对图形使用全部的滤镜，文字一定要变成了图形才能用滤镜。
108. 使用新滤镜应先用缺省设置实验，然后试一试较低的配置，再试一试较高的配置。观察以下变化的过程及结果。用一幅较小的图像进行处理，并保存拷贝的原版文件，而不要使用“还原”。这样使操作者对所做的结果进行比较，记下自己真正喜欢的设置。
109. 在选择滤镜之前，先将图像放在一个新建立的层中，然后用滤镜处理该层。这个方法可使操作者把滤镜的作用效果混合到图像中去，或者改变混色模式，从而得到需要的效果。这个方法还可以使操作者在设计的过程中，按自己的想法随时改变图像的滤镜效果。
110. 即使操作者已经用滤镜处理层了，也可以选择“褪色...”该命令。用户使用该命令时只要调节不透明度就可以了，同时还要改变混色模式。在结束该命令之前，操作者可随意用滤镜处理该层。注意，如果使用了“还原”，就不能再更改了。
111. 有些滤镜一次可以处理一个单通道，例如绿色通道，而且可以得到非常有趣的结果。注意，处理灰阶图像时可以使用任何滤镜。
112. 用滤镜对Alpha通道进行数据处理会得到令人兴奋的结果(也可以处理灰阶图像)，然后用该通道作为选取，再应用其他滤镜，通过该选取处理整个图像。该项技术尤其适用于晶体折射滤镜。
113. 用户可以打破适当的设置，观察有什么效果发生。当用户不按常规设置滤镜时，有时能得到奇妙的特殊效果。例如，将虚蒙版或灰尘与划痕的参数设置得较高，有时能平滑图像的颜色，效果特别好。
114. 有一种能产生较好特殊效果的技术，即对同(次数不适宜太多)。这项技术对担操作滤镜来说西欧特别好。当然也可以用于其他滤镜。用户还可以用同一种滤镜的不通设置、或者用完全不同的滤镜，多次用于同一选取，看看效果如何。
115. 有些滤镜的效果非常明显，细微的参数调整会导致明显的变化，因此在使用时要仔细选择，以免因为变化幅度过大而失去每个滤镜的风格。处理过渡的图像只能作为样品或范例，但它们不是最好的艺术品，使用滤镜还应根据艺术创作的需要，有选择地进图层技巧
116. 要把当前的选中图层往上移：接下“ctrl +]” 组合键，就可以把当前的图层往上翻一层；按下“ctrl+[” 组合键，就可以把当前的图层往下翻一层。
117. 用鼠标将要复制的图层拖曳到面板上端的“新建”图标上可新建一个图层。
118. 在移动图层或选取范围时，按住Shift键强制做水平、垂直或45°的移动。
119. 在移动图层或选取范围时，按键盘上的方向键做每次1 pixel的移动。
120. 在移动图层或选取范围时，先按住Shift键后再按键盘上的方向键做每次10 pixel的移动。
121. 直接删除图层时可以先按住Alt键后将光标移到图层控制板上的垃圾桶上单击鼠标即可。
122. 按下Ctrl键后，你的移动工具就有自动选择功能了，这时你只要单击某个图层上的对象，那么Photoshop就会自动的切换到那个对象所在的图层；但当你放开Ctrl键，你的移动工具就不在有自动选择的功能呢，这样就很容易防止误选。
123. 不能在层面板中同时拖动多个层到另一个文档(即使它们是链接起来的)——这只会移动所选的层。
124. 要把多个层编排为一个组，最快速的方法是先把它们链接起来，然后选择编组链接图层命令(Ctrl+G)。当要在不同文档间移动多个层时就可以利用移动工具在文档间同时拖动多个层了。用这个技术同样可以用来合并(Ctrl+E)多个可见层( 因为当前层与其它层有链接时“与前一层编组命令”会变成“编组链接图层”命令 )。
125. 在层面板中按住Alt键在两层之间点击可把他们编为一组。当一些层链接在一些而你又只想把它们中的一部分编组时这个功能十分好用。因为编组命令(Ctrl+G)在当前层与其它层有链接时会转为编组链接层命令(Ctrl+G)。
126. 用鼠标双击“图层控制”面板中带“T”字样的图层还可以再次对文字进行编辑。
127. 按住Alt点击所需层前眼睛图标可隐藏/显现其它所有图层。128. 按住Alt点击当前层前的笔刷图标可解除其与其它所有层的链接。
129. 要清除某个层上所有的层效果，按住Alt键双击该层上的层效果图标。
130. 要关掉其中一个效果，按住Alt键然后在“图层”→“图层样式”子菜单中选中它的名字；或者可以在图层效果对话框中取消它的“应用”标记。
131. 这里有一个节省时间的增加调整层的方法：只需按住Ctrl点击“创建新图层“图标(在层面板的底部)选择你想加的调整层类型！
132. 除了在通道面板中编辑层蒙板以外，按Alt点击层面板上蒙板的图标可以打开它；按住Shift键点击蒙板图标为关闭/打开蒙板(会显示一个红叉X表示关闭蒙板)。按住Alt+Shift点击层蒙板可以以红宝石色(50%红)显示。按住Ctrl键点击蒙板图标为载入它的透明选区。
133. 按层面板上的“添加图层蒙板”图标(在层面板的底部)所加入的蒙板默认显示当前选区的所有内容；按住Alt键点“添加图层蒙板”图标所加的蒙板隐藏当前选区内容。134. 当前工具为移动工具(或随时按住Ctrl键)时，右键点击画布可以打开当前点所有层的列表(按从上到下排序 )：从列表中选择层的名字可以使其为当前层。
135. 按住Alt键点鼠标右键可以自动选择当前点最靠上的层，或者打开移动工具选项面板中的自动选择图层选项也可实现。
136. Alt+Shift+右键点击可以切换当前层是否与最上面层作链接。
137. 我们需要多层选择时，可以先用选择工具选定文件中的区域，拉制出一个选择虚框；然后按住“Alt”键，当光标变成一个右下角带一小“-”的“+”号时(这表示减少被选择的区域或像素)，在第一个框的里面拉出第二个框；而后按住“ Shift”键，当光标变成一个右下角带一小“+”的大“+”号时，再在第二个框的里面拉出第三个选择框，这样二者轮流使用，就可以进行多层选择了。用这种方法也可以选择不规则对象。
138. 按Shift+“+”键( 向前 )和Shift+“－”键( 向后 )可在各种层的合成模式上切换。我们还可以按Alt+Shift+“某一字符”快速切换合成模式。N = 正常 (Normal)I = 溶解 (Dissolve)M = 正片叠底 (Multiply)S = 屏幕 (Screen)O = 叠加 (Overlay)F = 柔光(Soft Light)H = 强光(Hard Light)D = 颜色减淡 (Color Dodge)B = 颜色加深 (Color Burn)K = 变暗 (Darken)G = 变亮 (Lighten)E = 差值(Difference)X = 排除 (Exclusion)U = 色相 (Hue)T = 饱和度 (Saturation) C = 颜色 (Color)Y = 亮度(Luminosity)Q = 背后(Behind 1)L = 阈值(Threshold 2)R = 清除 (Clear 3)W = 暗调(Shadows 4)V = 中间调(Midtones 4)Z = 高光(Highlights 4)色彩技巧
139. Photoshop是32位应用程序，为了正确地观看文件，须将屏幕设置为24位彩色。
140. 先执行“视图”→“新视图”命令，产生有关新视窗后，再执行“视图”→“预览”→“CMYK”，即可同时观看两种模式的图像。
141. 单击视窗上的吸管或十字标，就可由弹出式菜单更改尺寸及色彩模式。
142. 按住Shift点击颜色面板下的颜色条可以改变其所显示的色谱类型。或者，也可以在颜色条上单击鼠标右键，从弹出的颜色条选项菜单中选取其它色彩模式。
143. 在调色板面板上的任一空白(灰色)区域单击可在调色板上加进一个自定义的颜色，按住Ctrl键点击为减去一个颜色，按住Shift点击为替换一个颜色。
144. 通过拷贝粘贴Photoshop拾色器中所显示的16进制颜色值，可以在Photoshop和其它程序(其它支持16进制颜色值的程序)之间交换颜色数据。
145. 打开颜色范围对话框时，可按Ctrl键做图像与选取预览的切换。若按Shift键可使吸管变成有“+”符号的加选吸管，若按Alt键则会使吸管变成有“－”符号的减选吸管。
146. 按Shift+Backspace可直接呼出填色对话框。
147. 在选色控制板上直接切换色彩模式，可按住Shift键后将光标移到色彩杆上单击鼠标即可。
148. 要把一个彩色的图像转换为灰度图像，通常的方法是用“图像”→“模式”→“灰度”，或“图像”→“去色”。不过现在有一种方法可以让颜色转换成灰度是更加细腻。步骤是首先把图像转化成Lab颜色模式：“图像”→“模式”→“Lab颜色”，然后来到通道面板，删掉通道a和通道b，你就可以得到一幅灰度更加细腻的图像了。图像处理技巧
149. 按下Ctrl键，用鼠标点击预览区域，图像放大；按下Alt键，用鼠标点击预览区域，图像缩小。
150. 制作透明背景的图片一般来说，网络中的透明背景的图片都是GIF格式的，在Photoshop中您可以先使用指令“图像”→“模式”→“索引颜色”将图片转成256色，再使用指令File\Export\GIF89a將图片输出成可含有透明背景的GIF图档，当然别忘了在该指令视窗中使用Photoshop的选色滴管将图片中的部份色彩设成透明色！在保存文件的时候不要选择保存或另存为，而是直接选“输出GIF” 然后，选择透明色，如果你需要透明的部分都是白色就选白色，依次类推做图片时把背景图片隐藏调然后再Save for Web 就可以透明了。
151. 在GIF图上写上中文，字迹为何不连续？先把GIF转成RGB，写完字再转回Index Color。
152. 如果图像明亮的色彩因执行USM锐化命令而产生过度的现象时，可以先将图像转换成Lab颜色模式，然后在明度通道中执行USM锐化命令，这样不但可以达到图像清晰的目的，也可以避免对色彩产生影响。
153. 若要检查由扫描仪输入的图像是否理想，可以打开信息调板观察图像的亮部及暗部数值达到240而暗部数值达到10时，表明这个图像包含足够的细节。
154. 若要将彩色图片转为黑白图片，可先将颜色模式转化为Lab模式，然后点取通道面板中的明度通道，再执行“图像”→“模式”→“灰度”命令，由于Lab模式的色域更宽，这样转化后的图像层次感更丰富。
155. 在使用Photoshop时，我们常常需要从大量的图库中寻找合适的素材图片，这时可用ACDSee来帮忙，您可将ACDSee窗口与Photshop窗口同时安排在屏幕上，然后在ACDSee浏览窗口中用鼠标拖动选中的图片(可通过按Ctrl键同时选择多个文件)到Photoshop窗口中，等到鼠标指针下出现“+”小图标后松开鼠标，图片就在Phoshop中打开了。
156. 什么图片适合减肥总的来说，要根据我们要求的图片质量来做出相应的减肥措施。还有有些图总是要进行修改，如果你轻易的把它合并之后点击存盘的话，那么你日后的修改工作就会变得复杂。因为存储了之后就不能再进行还原拆分图层了，大家要三思而后行哦。因此不要一味的追求容量而忽视了质量，并给将来带来不可预知的麻烦！
157. 图像文件减肥重新调整图像尺寸：较大尺寸的图像占据较多的磁盘空间，因为它有更多的像素。但如果试图使用标记中的WIDTH和HEIGHT属性来调整图像的大小，那么您将会很失望，因为那样并不节省下载时间。使用缩略图：通过设置一个很小的图像版本，使得用户单击它来看到全图。但您应该在它旁边注明 全图尺寸以便用户决定是否观看全图。以JPEG存储GIF：对有许多颜色的图像来说JPEG压缩最适用。增加压缩比：如果是一个JPEG文件，可以用一个更高的压缩比再重新保存它，以便减小文件尺寸。但别忘了代价：较高的压缩比降低图像质量。减低颜色深度：一个GIF图像的颜色深度最多为8位(256种颜色)，每一像素所存信息较少，最终文件也会较小。调整图像中的对比水平：大多数图形软件提供重润色选项如伽玛(Gamma)校正和加亮(highlight)/中调(midtone)/阴影(shadow)来改变一个图像内的对比。缩减这些值通常可以减小文件尺寸。抑制抖动：抖动是指用现有调色板中的颜色来接近调色板中没没有的颜色。抖动增大GIF文件大小。
158. 如何给有字体的图片减肥很多时候我们喜欢用Photoshop的“字体”功能给图片加上几个字，使画面更漂亮。但这个画龙点睛之笔也许会让占用的空间大小会徒然猛增由几十K变为以M计数的容量。奇怪，为什么变化会突然这么大呢？其实面对这种情况你合并图层之后，再用其他工具如ACDSee转变格式或另存为其他格式之后删除原来的图片自然就变小啦！一般存为.jpg比较合适。如果你的图片的质量要求不太高的话可以先合并图层接着把它转变为index color(256色以下)或者在.jpg格式的基础上控制size。
159. 文件减肥比如，在Photoshop里面把一个*.TIF文件另存，本来100多K的文件怎么会变成3M多？其实你只要再换一种格式，之后删除原来的文件就可以了。
160. 黑白图扫描成何种格式文件如果是图表的就用gif，如果是照片就jpg。黑白图片建议先转换成灰度，然后保存为gif；如果颜色在256以下的，用gif就最好——文件size小，也不损失质量；如果是真彩色，就一定要jpg。
161. 由实到虚的过渡在Photoshop里如何实现某一选定区域或图层的不透明度由高到低渐变呢？很简单只要羽化选区或做个图层遮罩，再新建一个层把它做成黑白渐变，然后把需要做效果的层选屏幕合并。也可以使用梯度的mask将这个区域或图层从上方为100%不透明度过渡到最下方的0%。这些百分值还可以随意更改。
162. 图像混合叠加广告设计中，图像的合成与叠加是经常用到的。其实实现功能很简单：打开主图像，作为背景图。接着打开另一图，Crtl+A全选，Crtl+C拷贝。回到主图像，Crtl+V粘贴。在此出现一个新层。在这层中，选模式为Multiply或screen。这时，两幅图像已经叠加在一起。最后调整图像的位置到最好。很艺术的效果是不是出现了，你还可以克隆你的孪生同胞呢！
163. 如何在Photoshop实现画虚线的功能双击想用的Brush，在Spacing处把100%改得更大些，就会留下空隙了，然后用Brush画就是了。先画路径，定义Brush：Space设在200以上，打开Path面板——Storke Path。如何将两张同等大小的图以半透明效果重叠?在层面板中：可以改变上层的透明度，或者改变层的混合模式。
164. 去除毛边可以试着用路径工具或魔术棒勾出图像的外轮廓，再用“选择”的“羽化”，然后反选再删除，可能会好一点.
165. 怎样才能存储扣出来的图而不要后面的底色将虚线所选区域“Copy”，然后“Paste”，接着删掉底层，最后“Ctrl+S”。注意存储格式应为.PSD格式或者.EPS格式或.AI格式。
166. 快速填充打开要填充的图片，执行Ctrl＋A，选择全部图像，执行“编辑”→“定义图案”，将图片定义为图案再执行“编辑”→“填充”。
167. 去除图片的网纹(1)扫一张画报或杂志的图片一般情况下，网纹的产生是由于画报或杂志印刷用纸的纹理较粗糙而造成的。在扫描时dpi的值应该设置得高一些，分辨率越高，扫出的图片也就越大，相对的精细程度也就越高。较高的分辨率会为下一步的图片缩小和滤镜处理创造良好的条件。(2)把图片调整到合适的大小在“图像”菜单下选择“图像大小”选项，弹出“图像大小”对话框，确定其下的限制比例选项为勾选状态，在像素尺寸中将Width后的像素改为百分比。此时的Width值变为100，这时你可以输入所需的百分比数值，将图片等比缩小。缩小后的网纹情况已稍稍减弱。(3)用高斯虚化消除网纹在“窗口”菜单中选择“显示通道”，这时出现了通道面板，四个通道分别为RGB、Red、 Green和Blue。选择Red通道，图片显示为黑白效果。在“滤镜”菜单中选择“模糊” → “高斯模糊…”，即弹出高斯模糊对话框。调整半径值，控制虚化的范围，使Red通道中的网纹几乎看不到，图片内容微呈模糊状即止。接着照此方法分别调整 Green和Blue通道，以使该通道中的网纹消失。最后回到RGB通道，这时的图片已经没有网纹的干扰了。注意：Radius的值不可设置得过大，以免造成对RGB通道过大的影响使图片变朦胧。(4)调整最后效果如果网纹过于清晰以导致半径值设置较大，那么RGB通道中图片会有些模糊。如果想使图片的内容清晰一些，还可以执行“滤镜”菜单中的“锐化”清晰效果。最后，再用“图像”菜单中的“调整”→“色阶”或“亮度/对比度”选项设置你所需的对比度等数值，以达到最终满意的效果。
2009年2月10日星期二
AXURE各版本注册码
学Axure RP说了快一年了，每次都学到同一个地方就停止了，这就是没有实践没有需求学东西的坏处。缺少动力，需要恒心。
这次又来了，卷土重来，手头积累的注册码越来越多了。。。
记录一下，以防第N次要学习的时候找不到。。。
以下注册码来自搜索引擎信息，经过测试，没有问题。
Axure RP Pro4.6.2
Name：3ddown
Serial：FiCGEezgdGoYILo8U/2MFyCWj0jZoJc/sziRRj2/ENvtEq+7w1RH97k5MWctqVHA
Axure RP Pro v5.0.0.1529版
Name:www.okeydown.com
Code:Qp+yG6ofc7PIyI6JJY9uZvLg19SZSIDgkK5bgLQL+Jr99KCeidFXRfeiA3zNkn+2
Name：IloveyouAxure
Serial：UChpuxwbDW6eAIaAf9UujEFSBwN3vpEz9snHvlCQVJGQy4p7WrCyKLLvV5QLvqva
Axure RP Pro v5.1.0.1699版
Name：3ddown
Serial：FiCGEezgdGoYILo8U/2MFyCWj0jZoJc/sziRRj2/ENvtEq+7w1RH97k5MWctqVHA
这次又来了，卷土重来，手头积累的注册码越来越多了。。。
记录一下，以防第N次要学习的时候找不到。。。
以下注册码来自搜索引擎信息，经过测试，没有问题。
Axure RP Pro4.6.2
Name：3ddown
Serial：FiCGEezgdGoYILo8U/2MFyCWj0jZoJc/sziRRj2/ENvtEq+7w1RH97k5MWctqVHA
Axure RP Pro v5.0.0.1529版
Name:www.okeydown.com
Code:Qp+yG6ofc7PIyI6JJY9uZvLg19SZSIDgkK5bgLQL+Jr99KCeidFXRfeiA3zNkn+2
Name：IloveyouAxure
Serial：UChpuxwbDW6eAIaAf9UujEFSBwN3vpEz9snHvlCQVJGQy4p7WrCyKLLvV5QLvqva
Axure RP Pro v5.1.0.1699版
Name：3ddown
Serial：FiCGEezgdGoYILo8U/2MFyCWj0jZoJc/sziRRj2/ENvtEq+7w1RH97k5MWctqVHA
--------------------------有个交代的分割线-------------------------
昨天捣鼓了半天，终于做了一个非常简单的线框图出来，虽然是照着公司网站做的而且交互极少，不过总算是踩在Axure的门槛上了。
2009年2月6日星期五
亨利米勒的日落旅馆
阿加莎克里斯蒂侦探小说创下读4遍的个人新纪录以后，终于发现无书可读。确切地说，是没有想读的书。想读的书跟想穿的衣服一样，需要心情。于是晚上选择了看亨利米勒。
亨利米勒的书是无法连贯着读的，像一个迷宫，它让我找不着北，有时我甚至怀疑米勒本人根本就是信马由缰，完全不顾及写作技巧，如果让一个中学语文老师来为它归纳中心思想的话，那简直可以让人吐血。但仍是喜欢。于是每次大概读半小时，也就是十几页到几十页这么一个量，而且翻到哪是哪，根本懒得看前因后果，因为极有可能完全没有前因后果，他只是在说他的生活，他遇到的人，他脑海里翻腾的想法，从法国跳到美国，从舞女跳到世界大战，从核武器跳到性爱，随他喜欢。他是他本人的忠实记录者，我是个心不在焉却饶有趣味的看客。这种心不在焉发展到这样一个程度，即某天晚上我的眼睛在书柜上流连的时候，发现我有他的这样一本书——《特意记着》（remember to remember）——而我忘了有过这么一本书。
我必须承认这天晚上我就看了这本书漫长的前言，然后我想记下前言里的这样一段话，特意记着：
“只要有人存在，就有地方可去。你可曾一整天都在开着车子，开着开着突然发觉天黑下来了，正当你茫茫然不知向何处去时，路边却出现一个小客栈、一个小酒吧或一个小咖啡馆？你可曾记得这种地方的气氛，那阴郁消沉的空虚，那世界末日将临般的压抑？也许有个孤独的人正坐在这间酒吧的尽头自言自语。角落里，蜘蛛结了一张张的网，一个身心遭受严重伤害的老妓女正蜷伏在那里哀伤悲泣或咬牙切齿。这有什么两样？自动唱机马上就要响起来了，还是那首自离家后你无论走到哪里都能听到的老掉牙的曲子。如此令人伤感的幽幽怨怨！一天到晚了你这才打起精神。你还想一醉方休，但你又不能。你把杯中酒一口喝干又开始上路了。下一个地方也是一样阴郁消沉，一样令人伤感，自动唱机播放的还是那首令人厌倦的幽怨小调。于是，你便弃之而去。你随便找了一家旅馆，一家不大不小的旅馆。你发觉自己又回到了英国，大约是在十字军东征的年代。你开始洗漱，然后找地方吃饭。菜单看上去好像专为消化不良而作的广告。你上床躺下想读一会儿书。你把大脑熄灭了……我的意思是你把灯熄灭了……然后躺在那里彻夜无眠，脑海里一幕幕再现着美国的情景。”
这一切让我想到老鹰的那首《hotel california》。。。
亨利米勒的书是无法连贯着读的，像一个迷宫，它让我找不着北，有时我甚至怀疑米勒本人根本就是信马由缰，完全不顾及写作技巧，如果让一个中学语文老师来为它归纳中心思想的话，那简直可以让人吐血。但仍是喜欢。于是每次大概读半小时，也就是十几页到几十页这么一个量，而且翻到哪是哪，根本懒得看前因后果，因为极有可能完全没有前因后果，他只是在说他的生活，他遇到的人，他脑海里翻腾的想法，从法国跳到美国，从舞女跳到世界大战，从核武器跳到性爱，随他喜欢。他是他本人的忠实记录者，我是个心不在焉却饶有趣味的看客。这种心不在焉发展到这样一个程度，即某天晚上我的眼睛在书柜上流连的时候，发现我有他的这样一本书——《特意记着》（remember to remember）——而我忘了有过这么一本书。
我必须承认这天晚上我就看了这本书漫长的前言，然后我想记下前言里的这样一段话，特意记着：
“只要有人存在，就有地方可去。你可曾一整天都在开着车子，开着开着突然发觉天黑下来了，正当你茫茫然不知向何处去时，路边却出现一个小客栈、一个小酒吧或一个小咖啡馆？你可曾记得这种地方的气氛，那阴郁消沉的空虚，那世界末日将临般的压抑？也许有个孤独的人正坐在这间酒吧的尽头自言自语。角落里，蜘蛛结了一张张的网，一个身心遭受严重伤害的老妓女正蜷伏在那里哀伤悲泣或咬牙切齿。这有什么两样？自动唱机马上就要响起来了，还是那首自离家后你无论走到哪里都能听到的老掉牙的曲子。如此令人伤感的幽幽怨怨！一天到晚了你这才打起精神。你还想一醉方休，但你又不能。你把杯中酒一口喝干又开始上路了。下一个地方也是一样阴郁消沉，一样令人伤感，自动唱机播放的还是那首令人厌倦的幽怨小调。于是，你便弃之而去。你随便找了一家旅馆，一家不大不小的旅馆。你发觉自己又回到了英国，大约是在十字军东征的年代。你开始洗漱，然后找地方吃饭。菜单看上去好像专为消化不良而作的广告。你上床躺下想读一会儿书。你把大脑熄灭了……我的意思是你把灯熄灭了……然后躺在那里彻夜无眠，脑海里一幕幕再现着美国的情景。”
这一切让我想到老鹰的那首《hotel california》。。。
使IE6和IE7并存的方法
工作原因，测试浏览器兼容的时候一般至少要有IE的若干个版本和FF。以前试过IETester，效果不是很理想，应该是跟操作系统有关系。后来试过几个IE7的绿化版，还是不稳定，经常报错。今天又想解决这个问题，在网上看到一个不错的方法，稍微复杂了点但是感觉还比较稳定，转载一下：
具体步骤：
1、下载IE7 Standalone 这个工具，本地下载地址：http://files.cnblogs.com/JustinYoung/IE7-Release_yzy.rar
2、解压缩 IE7-Release_yzy.rar 到一个空目录中，例如 d:\ie7green。
3：根据你的系统下载合适你的IE7安装文件:
微软官方下载：Windows Internet Explorer 7 for Windows Server 2003 SP1简体中文正式版Windows Internet Explorer 7 for Windows XP SP2简体中文正式版
4、将 IE7 的安装文件（例如：IE7-WindowsXP-x86-enu.exe）改名为IE7SetupFile.exe保存到 d:\ie7green目录中（关键就是要和 IE7-Release_yzy.rar 解压缩出来的文件保存在同一个目录中）。
具体步骤：
1、下载IE7 Standalone 这个工具，本地下载地址：http://files.cnblogs.com/JustinYoung/IE7-Release_yzy.rar
2、解压缩 IE7-Release_yzy.rar 到一个空目录中，例如 d:\ie7green。
3：根据你的系统下载合适你的IE7安装文件:
微软官方下载：Windows Internet Explorer 7 for Windows Server 2003 SP1简体中文正式版Windows Internet Explorer 7 for Windows XP SP2简体中文正式版
4、将 IE7 的安装文件（例如：IE7-WindowsXP-x86-enu.exe）改名为IE7SetupFile.exe保存到 d:\ie7green目录中（关键就是要和 IE7-Release_yzy.rar 解压缩出来的文件保存在同一个目录中）。
5、运行 d:\ie7green 目录中的 IE7 Standalone Setup.bat 批处理程序。这个程序会解压缩 IE7 的安装文件到 Installation 子目录中。
6、运行 d:\ie7green 目录中的 ie7.bat 就可以启动 ie7 了。注意启动的时候会出现一个 dos 窗口，不能关闭这个窗口，15 秒后这个窗口会自动关闭。
2009年1月31日星期六
网络时尚的江湖
自认不是潮人，时下流行的许多潮流元素都并不适合我。时装对我而言只是能够带来奇妙幻想的东西，独特的纪念物，有时候称之为飞鸟的翅膀，也无不可。一件漂亮的衣服可以带来一份足够好的心情，一秒钟也好，一年也罢，意义尽在于此。
不过作为一个时尚爱好者，一直以来在互联网里搜罗各式各样的网站和独立博客，今天决定写个文章把这些总结出来，不为别的，只是备忘。此文会不时更新，纯粹娱乐，呵呵。
Fashion is not something that exists in dresses only,fashion is in the sky,in the street,fashion has to do with ideas,the way we live,what is happening.
—— COCO CHANLE
国外独立博客：
1 stylebubble
23岁的SusieLau的穿衣日记，每天会有1万人阅读。
无法不提此女，慑于其网络威名，无法不将她的博客摆在第一位。此女是个互联网时代才可能铸就的传奇哈，据说DIOR也邀请她亲临秀场，在自己的博客里展示他们的时装。有兴趣的人google一下她便知。顺便说下，她的穿衣品位，我不是特别能理解，哈哈。
http://thesartorialist.blogspot.com/
全球顶尖街拍博客“手工裁缝”
美国人斯科特·楚门(Scott Schuman)和他的博客“The Sartorialist”是全球最红的街拍博客。一个博客可以被《时代》周刊选为设计界最具影响力的百强之一，这是在过去完全无法想象的。这个名叫the Sartorialist的博客，每月拥有一百万读者，轻松超越诸多主流时装杂志的发行量。——抄书自“海报网”
街拍是个技术活，又需要无懈可击的时尚品位，能将两者完美结合的，非此君莫属了。此人在blogspot开博，经常被河蟹，所幸国内有大量转载。
3 facehunter
巴黎猎艳者——互联网的天才翻译
据闻是“Face Hunter是全球排名第一的街拍博客”，出处不详。取景巴黎。博客名字很有意思，中文翻译更有意思。街拍照还是很不错的，偶有惊艳之作，其他时间么，看看巴黎风景也不错。应该说这批人都是第一批将网络和时尚连接起来的人，有人说他们开创了一个新时代，从某个角度来说，确实如此。
4 芬兰美女piksi的网络相册
本人大爱。此女有招牌眼镜和优雅的微笑为标志，穿衣有化腐朽为神奇的功力，无论色彩还是搭配都很有特色，主修兽医的小礼服传搭女王。不习惯看相册的互联网上有一堆编辑帮你整理好了，就放在他们的网站里，搜索着看吧。推荐！！！
此类博客实在太多了，看都看不过来，在这里只点名有印象的一些。如果你有兴趣阅遍所有精华，有人帮你总结出来了。
看这里：
2008年度全球街拍博客百强大名单
http://www.douban.com/group/topic/4452903/
很明显，他调查得比我详细，理解得比我深入。
全球街拍Top 50
http://www.1626.com/html/pic/top/index.html
1626城中至潮，应该知道吧。
国外媒体：
1 NYLON
2 Polyvore
华丽的时装试验场。在这里几乎可以找到所有的大牌，注册一个ID就可以发挥你的想象力做无数组你喜欢的搭配，也可以充分学习其他人的搭配心得，足够好玩，推荐。
3 net-a-porter
时装纪元
介绍近、现代时装工业发展历史
巴黎时装周
巴黎时装周官方网站
米兰时装周
米兰时装周官方网站
纽约时装周
纽约时装周官方网站
伦敦时装周
伦敦时装周官方网站
《VOGUE》 UK
时尚圣经—英国《VOGUE》杂志
《GQ》
著名男性时装杂志
《vanityfair》
美国“浮华世界”的顶尖播报员
女装日报
解密来自美国大陆的最新流行
国际先驱论坛报时尚版
SUZY阿姨掌管的严肃，具有前瞻性的时尚喉舌
国内独立博客（排名不分先后）：
1 大C的流金岁月 上海MM的穿搭日记。很有参考价值。灿烂的笑容。
2 呛口小辣椒的博客 四川MM的穿搭日记。
3 YOCA时尚博客 时尚编辑。搭配几乎完美，或许是太过完美了些。
4 My boyfriend is very sexy 专业时尚评论。
5 Style Iris 很有自己的看法和独到眼光。
6 Tell me what is your style 服装设计师。
7 公主小凡。非主流教主MM。不是我的style,喜欢的自己G。
8 摩登夜会
9 坏品位
10 跳跃的catwalk
国内媒体：
时尚网
ELLE中国 - ELLE China
ELLE.com.tw ELLE 台湾
ELLE 香港
海报时尚网 推荐
lizaz时尚街拍网
东京街头时尚/ Tokyo Street Style 中文版 推荐
观潮
1626.com 潮流 创意 态度 玩乐 中国潮流指标社区网站
YOHO.CN 首席年轻态网络城市 有货，呵呵。
PKPOP.com 普及社
we love hype
YOKA时尚网
瑞丽
昕薇
悦己
玲珑志
喜欢逛论坛便看边灌水八卦的看这些：
百度 欧美街拍吧
百度 欧美流行时尚吧
百度 gossip吧
。。。百度，“有啊”～～～
天涯 时尚资讯版
伟大的天涯。应该说网络的力量是伟大的，这种伟大来源于自发自愿的参与。看这个版块一如既往的杂和乱，内里是真的有特色呢。呵呵。这里最有特色的就是有众多淘宝mm会在帖子里大晒自己网购的时装图片和测评淘宝各网店哦，也有N多MM追着顶帖子就是为了知道楼主的淘宝ID号，神奇吧。看来没有什么比现身说法更有说服力了。不少穿衣达人在里边藏龙卧虎ing。
蝴蝶网——原FANS时尚论坛
知道这个论坛是源于它的图片水印。要知道，网络上转载这家的图片确实太多了，和海报网有一拼，经常关注这方面的想不知道都难。一方面说明这家的图片认同度高，另一方面人家版权保护得好，懂推广。海量MM在上面晒宝贝、晒搭配，看来已经是潮流了。设有“淘宝风向标”版块，淘宝在MM们心目中的影响力不可估量。
推荐网店：
本人偏爱外贸品，所以以下推荐的淘宝网店大部分是外贸店
—— 首饰、饰品类
个人偏爱欧美风，简单大气，奢华起来又够味道，只挑自己喜欢的记录：
1 水瓶座—皇冠外贸原单饰品
欧美风。DD款式很正，量很大，感觉不全是原单，但是对于几块钱的价格来说，绝对超值。不是收藏珠宝，只是贪图一时的漂亮，有这样的性价比，足够也。
2 外贸大牌折扣饰品出口原单店 DD风格跟上面那家差不多，但是量小。分店
3 Vintage 复古&摩登 玻璃乌托邦 欧美复古风，华丽，不贵。
4 偶然居~欧美日韩外贸饰品 和第一、二家差不多的东西，价格偏贵了。
—— 服装类
依然偏爱欧美风。荷包有限，大牌买不起，再加上欧美单一般尺码对我来说太大了，所以至今没有在淘宝找到合适自己的欧美外单店。AF遍地都是，不用我记录。退而求其次，日单的优雅和舒适看来是最好的选择。size不大，质地多以棉麻为主，版型好修饰不过分繁复的为大爱。美中不足是这种风格看得太多，也不免有点腻味。
转载请注明出处，谢谢！
不过作为一个时尚爱好者，一直以来在互联网里搜罗各式各样的网站和独立博客，今天决定写个文章把这些总结出来，不为别的，只是备忘。此文会不时更新，纯粹娱乐，呵呵。
Fashion is not something that exists in dresses only,fashion is in the sky,in the street,fashion has to do with ideas,the way we live,what is happening.
—— COCO CHANLE
国外独立博客：
1 stylebubble
23岁的SusieLau的穿衣日记，每天会有1万人阅读。
无法不提此女，慑于其网络威名，无法不将她的博客摆在第一位。此女是个互联网时代才可能铸就的传奇哈，据说DIOR也邀请她亲临秀场，在自己的博客里展示他们的时装。有兴趣的人google一下她便知。顺便说下，她的穿衣品位，我不是特别能理解，哈哈。
http://thesartorialist.blogspot.com/
全球顶尖街拍博客“手工裁缝”
美国人斯科特·楚门(Scott Schuman)和他的博客“The Sartorialist”是全球最红的街拍博客。一个博客可以被《时代》周刊选为设计界最具影响力的百强之一，这是在过去完全无法想象的。这个名叫the Sartorialist的博客，每月拥有一百万读者，轻松超越诸多主流时装杂志的发行量。——抄书自“海报网”
街拍是个技术活，又需要无懈可击的时尚品位，能将两者完美结合的，非此君莫属了。此人在blogspot开博，经常被河蟹，所幸国内有大量转载。
3 facehunter
巴黎猎艳者——互联网的天才翻译
据闻是“Face Hunter是全球排名第一的街拍博客”，出处不详。取景巴黎。博客名字很有意思，中文翻译更有意思。街拍照还是很不错的，偶有惊艳之作，其他时间么，看看巴黎风景也不错。应该说这批人都是第一批将网络和时尚连接起来的人，有人说他们开创了一个新时代，从某个角度来说，确实如此。
4 芬兰美女piksi的网络相册
本人大爱。此女有招牌眼镜和优雅的微笑为标志，穿衣有化腐朽为神奇的功力，无论色彩还是搭配都很有特色，主修兽医的小礼服传搭女王。不习惯看相册的互联网上有一堆编辑帮你整理好了，就放在他们的网站里，搜索着看吧。推荐！！！
此类博客实在太多了，看都看不过来，在这里只点名有印象的一些。如果你有兴趣阅遍所有精华，有人帮你总结出来了。
看这里：
2008年度全球街拍博客百强大名单
http://www.douban.com/group/topic/4452903/
很明显，他调查得比我详细，理解得比我深入。
全球街拍Top 50
http://www.1626.com/html/pic/top/index.html
1626城中至潮，应该知道吧。
国外媒体：
1 NYLON
2 Polyvore
华丽的时装试验场。在这里几乎可以找到所有的大牌，注册一个ID就可以发挥你的想象力做无数组你喜欢的搭配，也可以充分学习其他人的搭配心得，足够好玩，推荐。
3 net-a-porter
时装纪元
介绍近、现代时装工业发展历史
巴黎时装周
巴黎时装周官方网站
米兰时装周
米兰时装周官方网站
纽约时装周
纽约时装周官方网站
伦敦时装周
伦敦时装周官方网站
《VOGUE》 UK
时尚圣经—英国《VOGUE》杂志
《GQ》
著名男性时装杂志
《vanityfair》
美国“浮华世界”的顶尖播报员
女装日报
解密来自美国大陆的最新流行
国际先驱论坛报时尚版
SUZY阿姨掌管的严肃，具有前瞻性的时尚喉舌
国内独立博客（排名不分先后）：
1 大C的流金岁月 上海MM的穿搭日记。很有参考价值。灿烂的笑容。
2 呛口小辣椒的博客 四川MM的穿搭日记。
3 YOCA时尚博客 时尚编辑。搭配几乎完美，或许是太过完美了些。
4 My boyfriend is very sexy 专业时尚评论。
5 Style Iris 很有自己的看法和独到眼光。
6 Tell me what is your style 服装设计师。
7 公主小凡。非主流教主MM。不是我的style,喜欢的自己G。
8 摩登夜会
9 坏品位
10 跳跃的catwalk
国内媒体：
时尚网
ELLE中国 - ELLE China
ELLE.com.tw ELLE 台湾
ELLE 香港
海报时尚网 推荐
lizaz时尚街拍网
东京街头时尚/ Tokyo Street Style 中文版 推荐
观潮
1626.com 潮流 创意 态度 玩乐 中国潮流指标社区网站
YOHO.CN 首席年轻态网络城市 有货，呵呵。
PKPOP.com 普及社
we love hype
YOKA时尚网
瑞丽
昕薇
悦己
玲珑志
喜欢逛论坛便看边灌水八卦的看这些：
百度 欧美街拍吧
百度 欧美流行时尚吧
百度 gossip吧
。。。百度，“有啊”～～～
天涯 时尚资讯版
伟大的天涯。应该说网络的力量是伟大的，这种伟大来源于自发自愿的参与。看这个版块一如既往的杂和乱，内里是真的有特色呢。呵呵。这里最有特色的就是有众多淘宝mm会在帖子里大晒自己网购的时装图片和测评淘宝各网店哦，也有N多MM追着顶帖子就是为了知道楼主的淘宝ID号，神奇吧。看来没有什么比现身说法更有说服力了。不少穿衣达人在里边藏龙卧虎ing。
蝴蝶网——原FANS时尚论坛
知道这个论坛是源于它的图片水印。要知道，网络上转载这家的图片确实太多了，和海报网有一拼，经常关注这方面的想不知道都难。一方面说明这家的图片认同度高，另一方面人家版权保护得好，懂推广。海量MM在上面晒宝贝、晒搭配，看来已经是潮流了。设有“淘宝风向标”版块，淘宝在MM们心目中的影响力不可估量。
推荐网店：
本人偏爱外贸品，所以以下推荐的淘宝网店大部分是外贸店
—— 首饰、饰品类
个人偏爱欧美风，简单大气，奢华起来又够味道，只挑自己喜欢的记录：
1 水瓶座—皇冠外贸原单饰品
欧美风。DD款式很正，量很大，感觉不全是原单，但是对于几块钱的价格来说，绝对超值。不是收藏珠宝，只是贪图一时的漂亮，有这样的性价比，足够也。
2 外贸大牌折扣饰品出口原单店 DD风格跟上面那家差不多，但是量小。分店
3 Vintage 复古&摩登 玻璃乌托邦 欧美复古风，华丽，不贵。
4 偶然居~欧美日韩外贸饰品 和第一、二家差不多的东西，价格偏贵了。
—— 服装类
依然偏爱欧美风。荷包有限，大牌买不起，再加上欧美单一般尺码对我来说太大了，所以至今没有在淘宝找到合适自己的欧美外单店。AF遍地都是，不用我记录。退而求其次，日单的优雅和舒适看来是最好的选择。size不大，质地多以棉麻为主，版型好修饰不过分繁复的为大爱。美中不足是这种风格看得太多，也不免有点腻味。
转载请注明出处，谢谢！
2009年1月28日星期三
春节假期转眼过去了一半，3天以后就是新的一年的开始。
晚上边看《before & after》系列平面设计教程，一面试着用电脑里的素材去捣鼓PS。突然发现同样的排版，自己却完全无法做出教程中的完美效果。首先是色轮的应用很不纯熟，甚至比依靠自己的直感搭配出来的色彩效果还要差；其次是素材。突然发现素材的挑选如此重要。而这归结起来是对产品和所要表达的主题的把握程度。好的素材在体现作品主题的同时能配合文字表达出设计创意；而次好的素材即使无法体现创意至少要成功地营造出与产品或品牌文化相符合的氛围，以此来向受众传达信息获取同感。
下午的时候又起争执了。或许方先生看到会辩驳说，这不是争执。天知道。或许是一场不太愉快的谈话罢了。我无法应对这样的谈话，只能沉默地，一脸无辜地看着他大声的宣泄。有时候我想，或许他恨透了我这副无辜的表情，或许他恨透了我的眼泪，一如我不知如何去避免这样的谈话。。。
婚姻的可怕之处不在于你需要和一个人长久地或者永久地拴在一起，有时候，至少这样并不孤独；其可怕之处在于从婚姻开始之日，你们将长久地留在生活的真相里，共同去面对和忍受现实的种种不堪，在无法忍受的时候，你们的枪口只能是对着对方，彼此伤害，并且都不快乐。
从婚姻开始之日始，我的所有优点都将变成我的缺点，对于这点，我没有足够的洞察力。我的不切实际，我的天真，我的自私，我的购物狂，我的不会做饭，我的不会砍价，我的不会计划，我的理想主义，所有的一切都是我们生活的绊脚石。因为我们没有钱并且生存能力低下。我的所有优点，只是在温床中才能够完美体现的优点。我并不是在这里发泄怒气，我是在说，这些真的就是我们生活的绊脚石。而更可悲的不是这个，更可悲的是我完全不想改变自己。这是我无法说出口的秘密。。。我不想改变自己。而不改变自己的结果是两个人一同受罪。
有很多次我问过自己，如果不在一起，是否我们就会各自活得很好，至少绝对不必为200块的压岁钱引发一场谈话，去分析这200块花的值不值得。但是这个问题有一点多余。因为没有方先生，我不会像现在这样努力积极地去生活。我会在自己的迷梦里越活越深，也许写几段漂亮但是绝对发表不了的小文字，钱有多少花多少，花光了喝白开水，然后在某个时刻寂寞得发抖。而我妈会开始失眠，我会开始失踪。没有救世主。
事实上，我们长久以来一直在为我们的生活态度买单，而账单比较长比较乱的那个人无疑是我。关于这点，有几个解决方案：
A 撕掉账单，换种活法；
B 某人洗心革面（具体来说那个人应该是我）；
C 拆伙，各自买单；
D 逃避问题：睡觉或者购物；
这让我忽然想起了一个比自己小好几岁的同事。每次周一开例会，他总是会挨批。某次他告诉我，虽然挨批很痛苦，但是心里松了一口气，觉得好像了结了一桩心愿，因为在他心里，他也知道自己是自找的。每次和方先生谈话，可以说我也是这样的心情。
晚上边看《before & after》系列平面设计教程，一面试着用电脑里的素材去捣鼓PS。突然发现同样的排版，自己却完全无法做出教程中的完美效果。首先是色轮的应用很不纯熟，甚至比依靠自己的直感搭配出来的色彩效果还要差；其次是素材。突然发现素材的挑选如此重要。而这归结起来是对产品和所要表达的主题的把握程度。好的素材在体现作品主题的同时能配合文字表达出设计创意；而次好的素材即使无法体现创意至少要成功地营造出与产品或品牌文化相符合的氛围，以此来向受众传达信息获取同感。
下午的时候又起争执了。或许方先生看到会辩驳说，这不是争执。天知道。或许是一场不太愉快的谈话罢了。我无法应对这样的谈话，只能沉默地，一脸无辜地看着他大声的宣泄。有时候我想，或许他恨透了我这副无辜的表情，或许他恨透了我的眼泪，一如我不知如何去避免这样的谈话。。。
婚姻的可怕之处不在于你需要和一个人长久地或者永久地拴在一起，有时候，至少这样并不孤独；其可怕之处在于从婚姻开始之日，你们将长久地留在生活的真相里，共同去面对和忍受现实的种种不堪，在无法忍受的时候，你们的枪口只能是对着对方，彼此伤害，并且都不快乐。
从婚姻开始之日始，我的所有优点都将变成我的缺点，对于这点，我没有足够的洞察力。我的不切实际，我的天真，我的自私，我的购物狂，我的不会做饭，我的不会砍价，我的不会计划，我的理想主义，所有的一切都是我们生活的绊脚石。因为我们没有钱并且生存能力低下。我的所有优点，只是在温床中才能够完美体现的优点。我并不是在这里发泄怒气，我是在说，这些真的就是我们生活的绊脚石。而更可悲的不是这个，更可悲的是我完全不想改变自己。这是我无法说出口的秘密。。。我不想改变自己。而不改变自己的结果是两个人一同受罪。
有很多次我问过自己，如果不在一起，是否我们就会各自活得很好，至少绝对不必为200块的压岁钱引发一场谈话，去分析这200块花的值不值得。但是这个问题有一点多余。因为没有方先生，我不会像现在这样努力积极地去生活。我会在自己的迷梦里越活越深，也许写几段漂亮但是绝对发表不了的小文字，钱有多少花多少，花光了喝白开水，然后在某个时刻寂寞得发抖。而我妈会开始失眠，我会开始失踪。没有救世主。
事实上，我们长久以来一直在为我们的生活态度买单，而账单比较长比较乱的那个人无疑是我。关于这点，有几个解决方案：
A 撕掉账单，换种活法；
B 某人洗心革面（具体来说那个人应该是我）；
C 拆伙，各自买单；
D 逃避问题：睡觉或者购物；
这让我忽然想起了一个比自己小好几岁的同事。每次周一开例会，他总是会挨批。某次他告诉我，虽然挨批很痛苦，但是心里松了一口气，觉得好像了结了一桩心愿，因为在他心里，他也知道自己是自找的。每次和方先生谈话，可以说我也是这样的心情。
2009年1月23日星期五
订阅：
博文 (Atom)
博文
