推荐阅读
ps减去顶层形状不管用什么意思在哪设置？
在用ps做路径或者形状合成的时候，经常会做所谓的布尔运算，也就是形状或者路径的加减乘除，其中比较难理解的是减去顶层形状，如果只是减去形状，可能要更容易理解，那么减去顶层到底是什么意思，哪个是顶层形状，顶层是怎么设置的，能更改么，带着这些问题且看本文讲解。 1、路径工具选中之后，在上端选项的【路径操作】菜单中，可以找到【减去顶层形状】， 2、举例说明一下，左侧工具栏切换到【椭圆工具】，在背景图上绘制出一个圆形，图层面板上可以看到新增了一个形状图层，笔者设置为形状，是为了更加方便理解，当然这里也可以绘制路径。 3、一个圆形形状画出来之后，如果要再画一个元，可以直接在背景图上话，默认情况下鼠标变为【加号】样式，此时会自动新增一个形状图层，也就是说这两个形状，产生了两个图层，如果要做布尔运算，是需要先合并形状，在进行设置，形状的合并可以使用快捷键“Ctrl+E”， 4、绘制第二个圆，也可以在一个图层上完成，前提是先按Shift键，此时鼠标变为了一个大一个小【双加号】样式，按住shift键，再按住鼠标左键，此时就可以松开shift键了，如果想要正圆形，可以继续按住shift键， 5、两个圆形绘制完成，默认的路径操作都是【合并形状】，也就是相加的效果，大圆加上小圆，得到的还是大圆，所以没有变化，想要得到圆环的效果，就要减掉小圆，此时用【路径选择工具】点击选中小圆，上端选项中，点击【路径操作】图标，下拉菜单里面，点击【减去顶层形状】， 6、最终的效果如下图所示，小圆被减去，剩下的是圆弧效果， 7、那么为什么小圆就是顶层图形？因为先画的大圆，后画的小圆，所以小圆处于顶层，其实形状的层级是可以手动设置的，选中形状之后，点击上端选项【路径排列方式】，下拉菜单里面，可以看到【将形状设置为顶层】，以及其他选项，所以【减去顶层形状】，就是减去处于顶层的那个形状。 路径的布尔运算，需要路径或者形状处于一个图层中，如果在操作中遇到问题，可以在下方留言讨论。
Photoshop 鼠绘紫魅妖姬
最近在一本杂志上看到一个非常妖媚的女子，她拥有超黑而又超密的睫毛、黑黑的眼线、大片的腮红、红红如水晶般的双唇、乌黑的头发。充满着神秘气息的女子，很是抢眼。笔者今天来告诉大家此紫魅妖女的PS鼠绘制作过程。 老规矩，我们先来看看我们要打造的这位紫魅妖姬的样子： 最终效果图 1.首先打开PS，建立一个新的文件，长宽自己来定就可以最重要的是分辨率定为72就可以。正常屏幕观看给72就可以如果要打印出来的话就要根据纸张的大小、材质来定了。多多学习一下打印方面各个参数也是很不错的，对以后的实践工作会带来很大的帮助。（图1-1） 图1-1 2.用钢笔工具把人物的大体轮廓勾画出来，这个图绘制的是正面的效果，正面比较好绘制，把路径保存起来。新建一个图层，填上皮肤的颜色，这里皮肤的颜色RGB值为：239、198、178。（图2-1） 图2-1
用Photoshop打造撕纸文字效果
最终效果图 1、新建一个文件，设置宽度为10厘米，高度为5厘米，分辨率为300像素，模式为RGB的白色文件。 2、打开通道面板，在控制面板下方单击“创建新通道”按钮，生成新的通道Alpha 1，执行菜单栏中的“滤镜”“渲染”“云彩”命令，效果如图01所示。 图01 3、进入图层控制面板，在控制面板下方单击“创建新的图层”按钮，生成新的图层“图层1”，选择工具箱中的“横排文字工具”，在文件窗口中输入文字，效果如图02所示，按确认键，文字变为选区，效果如图03所示。 图02 图03 4、单击工具箱下方的“以快速蒙版模式编辑”按钮，使图像进入快速蒙版状态，效果如图04所示。 图04 5、执行菜单栏中的“滤镜”“像素化”“晶格化”命令，在弹出的“晶格化”对话框中，将单元格大小选项设为7，如图05所示，单击好，效果如图06所示。 图05 图06 6、单击工具箱下方的“以标准模式编辑”按钮，使图像退出快速蒙版状态，效果如图07所示。 图07 7、打开一幅报纸图片，并调整它的色相/饱和度，效果如图08所示。执行菜单栏中的“编辑”“定义图案”命令，在打开的对话框中单击确定，将报纸定义为图案。 图08 8、执行菜单栏中的“编辑”“填充”命令，打开填充对话框，设置参数如图09所示，选择自定图案为报纸图案，单击确定，文字效果如图10所示。 图09 图10
抽线效果新思考
Photoshop中的混合模式是其理解难点，它的实质是一种特殊形式的看不见蚁行线的选择。通过混合模式，可以以确定的方式决定哪些色阶的像素被屏蔽或者改变，因此，了解混合模式的作用机理，对用户有的放矢地使用PS达到目的非常重要。下面通过一个实例，说明如何使用PS中的颜色减淡模式抽出图像中的线条，以及由此引发的思考。 打开图像。 将“背景副本”的图层混合模式由正常变为“颜色减淡”，文档似乎变得空无一物，但是细心的读者会发现图像上还有一些黑色的杂点。想一想这是原图中的什么色阶的像素？
最新发布
IE6必然灭亡的最新6个理由
我们不喜欢Internet Explorer 6（IE6）已经不是什么秘密，网上仍然有15-25％的人在使用这个过时的已经十几岁的浏览器。去年，我们要求IE6尽快灭亡，使网络能够向前发展，产生诸如HTML 5这样的新的创新。在中国黑客攻击谷歌基础设施所引出的一个关键的IE漏洞后，现在IE浏览器——特别是IE6再一次受到抨击。对于IE6的批评不是一个新现象，但上周的事件给了我们当中一些主张废除IE6（包括我自己在内）的人新的弹药。无论你是在一个不愿意放弃IE6的公司工作或是你父母认为没有必要进行升级，这里有五个新的理由升级或更换你的浏览器：1.你和你公司的安全正在受到威胁： 再没有其它方式能把这一点说得更清楚了：如果谷歌、雅虎和其它大约20家公司的安全被危害是由于人们仍然在使用IE6所造成的，那么你的安全风险也很大。等黑客利用这个漏洞窃取了你的信息后再升级，为时已晚，特别是如果你有敏感的客户数据。2.世界各国*都建议更换浏览器：德国和法国都已针对Internet Explorer发出了警告，呼吁公民更换浏览器以防止影响了谷歌的同一类型的破坏。3.就连微软都希望你放弃IE6：微软安全研究和防御博客具体讨论了此漏洞以及由平台攻击的风险。该文章最重要的部分是，他们“建议在Windows XP中使用IE6的用户升级到Internet Explorer的最新版本和/或启用DEP保护。”这不是微软第一次请人们自愿升级，但这是第一次针对漏洞被利用的回应。你可以把它理解为一次产品回收，你会在丰田、福特或通用表示其车可能发生故障后继续驾驶它们的汽车吗？不要在您计算机的安全性上犯这样的错误。4.不想从Windows XP升级不再是一个合理的借口： 有个删除IE6的方法是升级你的操作系统——Windows Vista和Windows 7都使用版本升级后的IE浏览器。我们理解人们在选择Windows Vista时为什么不愿升级，但现在一个非常稳定、牢固和安全的升级已面市（Windows 7），没有理由不升级。对，它会让你现在花费一些钱，但它远比让您的数据被盗便宜。5.这不会是IE6最后一次大规模的安全漏洞：这个漏洞在谷歌前所未有的中国宣言之前是不为人知的。而且这不是这个浏览器所发现的第一个缺陷——至少还有142个IE6的漏洞，其中22个尚未修补。您会使用有142个薄弱点的盔甲吗？
HTML5的发展:微格式和相关的属性名称
2004年5月29日，在我退休的博客和所有的大话 ，当我调查40个设计师的网站，看看他们为公共页面元素使用的约定，如标题和横幅，导航，内容和页脚（那时候的结果 ）。这几乎不是科学研究，但在那年6月，我跟进了Eric Meyer的一些意见 ，并出版了一套命名约定。当我发现一个网站已经通过了这些命名约定时，我总是很高兴，我任然每一天都在用，甚至超过4年后的每一天。那时候我的想法可以概括成这样id和class属性名称必须反映元素的功能或内容，而不是反映了介绍。 所以出了header并再来branding; 出了footer并再取而代之的是site-info。Naming should take on almost an XML style structure.命名将要承担几乎整个XML式结构。因此，内部content来了 content-main , content-sub 和 content-supp 。这些约定为我服务的很好，我所做的，几乎没有改变他们的核心。毫无疑问，他们都使我的工作速度更快，更一致和更有益。 他们使建立产品更容易，以及更容易用我的思维方式培养与我共事的人 。命名约定起作用。微格式和相关的属性名称 让我们面对它，微格式，如hCard，hCalendar，hAtom和其他草案带来了如此多的属性值，以至于常常没有必要考虑哪一个构建文件或提供了哪一个约束CSS模式的挂钩这些更多的属性值。现在我使用微格式达到这种程度，以至于我甚至不使用class属性（微格式伴随的class属性除外）发展整个页面。在难得的场合，我需要添加一个新元素（假设布局目的的一个划分）我首先想到的是延伸微格式中已经存在的。我将给您举个使用hAtom模式的例子： 如果您正在保持微格式的优势，你已经注意到， entry-related不是 hAtom 模式的一部分，但在这种的情况下，我绝对地，明确地不得不有一个额外的因素，如何组成一个像related-sidelinks这样的属性值呢？
Firefox 3.6频繁崩溃的问题
Firefox 3.6已经发布几天了，速度确实快了很多，一些新特性用起来也挺不错。但是很多人，包括我自己在使用的时候会遇到FF频繁崩溃的问题，我在公司的电脑的xp系统中升级firefox到3.6之后，打开就直接crash掉了，根本无法启动。根据mozhacks以及其它一些国外twitter网友提供的信息，基本可以确定这是因为YSlow插件的问题。我自己在将YSlow卸载或退回到2.0.4版本之后，就没有再遇到崩溃的问题了。所以遇到Firefox 3.6崩溃的问题的同学可以暂时卸载它或者退回到较早的版本。UPDATE：貌似最新的YSlow 2.0.6版本已经修正了这个问题。如果还有问题，欢迎反馈。
靠我们自己的力量把IE6推向灭亡
最近关于浏览器的最重要的事情就是IE的极光0day漏洞了，这个漏洞导致包括Google在内的多家美国公司受到黑客的攻击，当然也有很多色情网站被黑客利用，从而使用户受到严重的攻击，而IE6用户首当其冲，成为该漏洞的最大受害者。其实我们天天在想到底哪一天IE6才会真正死去，但是从2001年发布以来，IE6一直统治着国内的浏览器市场，直到现在还占据着国内50%以上的浏览器市场份额。但是我想，无论你是普通用户还是网站开发人员或者是国内的浏览器开发者，我们都应该采取一些措施，共同促进IE6的灭亡。给你一个升级IE6的理由？好吧：(部分参考自：http://mashable.com/2010/01/18/5-more-reasons-why-ie6-must-die/)如果这几个理由都不够，那么请看国外统计的坚持使用IE6的原因，当然这里有些调侃的意味，如果你正好是其中一种情况，请不要生气 :) ：via当然在国内，坚持使用IE6的用户可能还是因为另外两个原因：如果你是一名光荣的前端开发人员，希望你能尽可能的做更多的事情来让IE6更快的死去：
HTML5标准将把互联网视频扔回到黑暗时代
Adobe首席技术官凯文·林奇(Kevin Lynch)为最近饱受争议的Adobe Flash技术做出辩护，并警告说HTML 5标准将把互联网视频“扔回到黑暗时代”。 Adobe的Flash技术最近连受打击。首先是苹果最近推出的iPad平板电脑以及iPhone智能 手机不支持Flash技术，同时苹果 CEO史蒂夫·乔布斯(Steve Jobs)批评Flash软件漏洞太多，容易导致故障，而且批评Adobe非常“懒惰”。 对此，Adobe对苹果予以回击，称Adobe可以轻松地将Flash应用转变为iPad应用。目前Flash面临的两个主要威胁是苹果拒绝在其触摸屏设备上支持Flash，以及HTML5作为一种新的开放标准的发展。针对这两个威胁，凯文·林奇今天发布博客文章予以反击。 关于苹果，林奇表示，Adobe已经做好准备，完全可以在 iPhone和iPad等设备上提供Flash支持，然而一年多以来苹果却一直拒绝接受。林奇说：“一旦苹果同意向用户提供Flash内容，我们可以马上将Flash植入此类设备的浏览器。但到目前为止，我们并没有得到苹果方面的必要合作。” 林奇指出，针对智能手机的Flash 10.1软件即将推出，包括Android、黑莓、诺基亚和Palm Pre在内的手机均可运行。如果这些手机支持Flash，那么iPhone不支持Flash显然是苹果的错。 但从长远来看，Flash面临的更大威胁是HTML 5标准，尤其是在视频播放方面。林奇表示，目前互联网上75%的视频通过Flash播放器显示。如果HTML 5视频播放功能启动，Flash的份额肯定会下降，而且谷歌和其它公司正借助YouTube视频网站、Chrome浏览器等产品大力推广HTML 5标准。对此，林奇称，HTML 5并不能对Flash构成威胁，Adobe会支持HTML 5，但这种标准与多款浏览器之间的不兼容性将成为其发展的障碍。 林奇表示：“Adobe支持HTML及其发展，而且我们希望在HTML发展过程中为我们的软件增加更多的功能。如果HTML可以完成目前Flash的所有任务，那么我们当然也可以节约很多精力。但这种情况不太可能实现。就算在视频播放方面，Flash可以播放当前互联网上75%的视频，而HTML的视频播放功能无法获得各大浏览器厂商的一致支持，因此用户和内容制作者不得不回到到处存在不兼容问题的互联网视频黑暗时代。” 分析人士认为，HTML 5仍然是一种尚未成熟的技术，这些不兼容问题可以随着时间的推移而得到解决。在视频播放方面，Flash则更为成熟。但HTML 5正处于快速发展时期，作为一种天生的互联网标准，它有很多优势可助其获得长远胜利。 同时，Adobe与开发人员之间存在着矛盾，当前Flash是最普及的互联网视频和动画标准，因此开发人员不得不向Adobe购买Creative Suite软件来开发Flash应用。一旦Flash开发人员转而使用其它技术，为互联网和iPhone及iPad等设备开发应用，那么Adobe的竞争优势将被极大地削弱，而Flash标准也会陷入困境。
网页前端常见的攻击方式和预防攻击办法
导读：网站前端开发碰到的安全容易被人们忽视，因为大多人认为这些在客户端浏览器运行的代码不会造成服务器端的安全隐患，通过本文将简单阐述网站前端中经常碰到的安全问题，以及一些应对策略随着前端技术的发展,安全问题已经从服务器悄然来到了每一个用户的的面前，盗取用户数据, 制造恶意的可以自我复制的蠕虫代码,让病毒在用户间传播,使服务器当掉. 更有甚者可能会在用户不知觉得情况下,让用户成为攻击者,这绝对不是骇人听闻。富客户端的应用越来越广，前端的安全问题也随之增多,今天就简单介绍下一些常见的攻击方式和预防攻击办法。 常见攻击XSS (Cross Site Script) ，跨站脚本攻击。它指的是恶意攻击者往Web页面里插入恶意html代码，当用户浏览该页之时，嵌入的恶意html代码会被执行，从而达到恶意用户的特殊目的。XSS属于被动式的攻击，因为其被动且不好利用，所以许多人常呼略其危害性。但是随着前端技术的不断进步富客户端的应用越来越多，这方面的问题越来越受关注。举个简单例子 ： 假如你现在是sns站点上一个用户，发布信息的功能存在漏洞可以执行js 你在 此刻输入一个 恶意脚本，那么当前所有看到你新信息的人的浏览器都会执行这个脚本弹出提示框 （很爽吧 弹出广告 ：）），如果你做一些更为激进行为呢 后果难以想象。 CSRF(Cross Site Request Forgery)，跨站点伪造请求。顾名思义就是 通过伪造连接请求在用户不知情的情况下，让用户以自己的身份来完成攻击者需要达到的一些目的。csrf 的攻击不同于xss csrf 需要被攻击者的主动行为触发。这样听来似乎是有“被钓鱼”的嫌疑哈哈。多窗口浏览器这这方面似乎是有助纣为虐的嫌疑，因为打开的新窗口是具有当前所有会话的，如果是单浏览器窗口类似ie6 就不会存在这样的问题，因为每个窗口都是一个独立的进程。举个简单例子 ： 你正在玩白社会， 看到有人发了一个连接，你点击过去，然后这个连接里面伪造了一个送礼物的表单，这仅仅是一个简单的例子，问题可见一般。 cookie劫持，通过获取页面的权限，在页面中写一个简单的到恶意站点的请求，并携带用户的cookie 获取cookie后通过cookie 就可以直以被盗用户的身份登录站点。这就是cookie 劫持。举个简单例子： 某人写了一篇很有意思的日志，然后分享给大家，很多人都点击查看并且分享了该日志，一切似乎都很正常，然而写日志的人却另有用心，在日志中偷偷隐藏了一个对站外的请求,那么所有看过这片日志的人都会在不知情的情况下把自己的cookie 发送给了 某人，那么他可以通过任意一个人的cookie 来登录这个人的账户。 我们该怎么做？大致可以分为两类 1 一般用户 2网站开发人员。首先我们来说说做为一个一般的web产品使用者，很多时候我们是被动的，是在不知情的情况下被利用的。那么我们可以：1 对于安全级别较高的web应用访问 需要打开一个独立浏览器窗口。2 对于陌生人发布的链接最好也是复制然后在新开的窗口中打开，当然最好的办法就是无视 – -。
Chrome最新4.0版本支持GreaseMonkey脚本
GreaseMokey(国人称之为油猴脚本)之前只是Firefox的一个插件，可以用来添加一些简单而有用的小插件，从而扩展你的浏览器的功能和体验。它一般用HTML+JavaScript编写，具有小巧、灵活等特点。一个非常好的消息是，现在Chrome 最新的4.0版本已经支持GreaseMonkey脚本了，当然 chrome 5.0 dev版本也支持它，如果你在使用这两个版本的Chrome（包括PC和Mac版），可以立刻访问http://userscripts.org 获取超过40000个脚本了。如果你还不太了解GreaseMonkey，可以查看wiki百科的介绍，或者查看可能吧的《8个优秀的Grease Monkey脚本推荐》和Crazy Software的 十大油猴脚本推荐，当然，优秀的GreaseMonkey脚本有很多，如果你遇到比较好用的脚本，一定要与我们分享哦～～另外，GreaseMonkey的管理和普通的Chrome扩展一样方便，都可以在Chrome的扩展面板( chrome://extensions/ )禁用和卸载。
近期热点:HTML5是否真的可以取代Flash
Adobe CTO Kevin Lynch 北京时间2月6日消息，网络开发者之间正在进行一项攸关网络未来的激烈辩论：是否该继续使用Adobe Flash，或改用更新的技术？ 这项争论已持续多年，但上周苹果公司发表的iPad（和iPhone一样）不支持Flash，再次炒热这个话题。在那之前，Adobe曾低姿态地表示，只要苹果点头，他们非常乐意为iPhone提供Flash。 但Adobe技术官Kevin Lynch似乎不想再讲客套话，他在2日的一篇部落格写道，苹果不愿在其“神奇的装置”上纳入Flash，代表iPad使用者只能看到残缺的网页。他甚至拿出Google Nexus One来比较。 Lynch表示：“我们即将完成适用某家公司之外，其它所有大型智能手机厂牌的Flash Player 10.1。”他特别提到其中包括Nexus One，而该软件也能在平板装置、小笔记本和网络电视执行。他说：“Flash搭配浏览器，为这些装置提供了一项竞争优势，因为他们的顾客将可浏览整个网络……我们已准备好为这些装置的浏览器加上Flash，只要苹果愿意，但目前为止，我们仍未收到苹果的要求。” 根据Adobe的统计，Flash在个人计算机上确实达到几乎无所不在的普及度，渗透率在98%以上。该技术的根源是动画图像，但其成功的关键，是在微软、苹果和Real等难用的技术之外，提供一种简易的网站串流影音机制。但若干新技术，包括脱胎换骨的HTML标准，都锁定Flash所提供的影音体验。 Opera Software的网络标准支持者Bruce Lawson相信，HTML和其它技术势将取代Flash，而这些新技术的功能，已经非常接近现用的Flash。 Lawson说：“对商业、通讯和整个社会而言，网络（包括影音、游戏、动画）是太重要的一个平台，不能被任何单一企业掌控。但那还需要一段时间；现在有数量庞大的内容使用Flash。”
网页知识新手了解：网页设计的发展历史
自从第一个网站在上个世纪 90 年代初诞生以来，设计师们尝试了各种网页的视觉效果。早期的网页完全由文本构成，除了一些小图片和毫无布局可言的标题与段落。然而，时代在进步，接下来出现了表格布局，然后是 Flash，最后是基于 CSS 的网页设计。本文涵盖了不同时期网页设计的历史，还包括了不同类型的设计案例。第一张网页 1991 年 8 月，Tim Berners-Lee 发布了第一个简单的，基于文本，包含几个链接的网站。原始网页的副本现在仍然在线。它有十多个链接，试图告诉人们什么是万维网。随后的网页都比较相似，完全基于文本，单栏设计，有一些链接等等。最初版本的 HTML 只有最基本的内容结构：标题 (<h1>, <h2>...)，段落(<p>)和链接(<a>)。随后新版本的HTML开始允许在页面上添加图片(<img>)，然后开始支持制作表格(<table>)。1994 年，万维网联盟（W3C）成立，他们将 HTML 确立为网页的标准标记语言。这一举动阻断了任何独立公司想要开发专利的浏览器和相应的程序语言的野心，因为这会对网络的完整性产生不利的影响。W3C 一直致力于确立与维护网页编程语言的标准(例如 JavaScript)。Yahoo! (1996)Altavista (1996)
ANSI，Unicode，UTF-8网页编码的区别
1、ASCII码我们知道，在计算机内部，所有的信息最终都表示为一个二进制的字符串。每一个二进制位(bit)有0和1两种状态，因此八个二进制位就可以组合出256种状态，这被称为一个字节(byte)。也就是说，一个字节一共可以用来表示256种不同的状态，每一个状态对应一个符号，就是256个符号，从0000000到11111111。上个世纪60年代，美国制定了一套字符编码，对英语字符与二进制位之间的关系，做了统一规定。这被称为ASCII码，一直沿用至今。ASCII码一共规定了128个字符的编码，比如空格“SPACE”是32(二进制00100000)，大写的字母A是65(二进制01000001)。这128个符号(包括32个不能打印出来的控制符号)，只占用了一个字节的后面7位，最前面的1位统一规定为0。2、非ASCII编码英语用128个符号编码就够了，但是用来表示其他语言，128个符号是不够的。比如，在法语中，字母上方有注音符号，它就无法用ASCII码表示。于是，一些欧洲国家就决定，利用字节中闲置的最高位编入新的符号。比如，法语中的é的编码为130(二进制10000010)。这样一来，这些欧洲国家使用的编码体系，可以表示最多256个符号。但是，这里又出现了新的问题。不同的国家有不同的字母，因此，哪怕它们都使用256个符号的编码方式，代表的字母却不一样。比如，130在法语编码中代表了é，在希伯来语编码中却代表了字母Gimel (ג)，在俄语编码中又会代表另一个符号。但是不管怎样，所有这些编码方式中，0—127表示的符号是一样的，不一样的只是128—255的这一段。至于亚洲国家的文字，使用的符号就更多了，汉字就多达10万左右。一个字节只能表示256种符号，肯定是不够的，就必须使用多个字节表达一个符号。比如，简体中文常见的编码方式是GB2312，使用两个字节表示一个汉字，所以理论上最多可以表示256x256=65536个符号。中文编码的问题需要专文讨论，这篇笔记不涉及。这里只指出，虽然都是用多个字节表示一个符号，但是GB类的汉字编码与后文的Unicode和UTF-8是毫无关系的。3.Unicode