<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>流金岁月</title>
	<atom:link href="http://www.missage.com/feed" rel="self" type="application/rss+xml" />
	<link>http://www.missage.com</link>
	<description>混迹在物欲横流的社会里，堕落在纸醉金迷的现实中……</description>
	<lastBuildDate>Sat, 04 Sep 2010 15:59:19 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>《Salt》特工绍特</title>
		<link>http://www.missage.com/1314.html</link>
		<comments>http://www.missage.com/1314.html#comments</comments>
		<pubDate>Sat, 04 Sep 2010 15:59:19 +0000</pubDate>
		<dc:creator>simondai</dc:creator>
				<category><![CDATA[数字娱乐]]></category>
		<category><![CDATA[电影]]></category>

		<guid isPermaLink="false">http://www.missage.com/?p=1314</guid>
		<description><![CDATA[<p><img src="http://www.eurweb.com/wp-content/uploads/2010/07/salt2010-poster-wide-big.jpg" alt="" /></p>
]]></description>
			<content:encoded><![CDATA[<p><img src="http://images.allocine.fr/r_760_x/medias/nmedia/18/69/61/88/19467642.jpg" alt="" width="600" height="800" /></p>
<p>◎译　　名　特工绍特/叛谍狂花(港)/特务间谍(台)/埃德文·绍特<br />
◎片　　名　Salt<br />
◎年　　代　2010<br />
◎国　　家　美国<br />
◎类　　别　动作/惊悚<br />
◎语　　言　英语<br />
◎字　　幕　英文/中文/印尼文/泰文/西班牙文/法文/葡萄牙文/荷兰文<br />
◎IMDB评分 6.7/10 (10,573 votes)<br />
◎IMDB链接 <a href="http://www.imdb.com/title/tt0944835">http://www.imdb.com/title/tt0944835</a><br />
◎文件格式　XviD + MP3<br />
◎视频尺寸　640 x 272<br />
◎文件大小　1CD 50 x 15MB<br />
◎片　　长　127 Mins<br />
◎导　　演　菲利普·诺伊斯 Phillip Noyce<br />
◎主　　演　安吉丽娜·朱莉 Angelina Jolie  &#8230;.Evelyn Salt<br />
　　　　　　列维·施瑞博尔 Liev Schreiber  &#8230;.Ted Winter<br />
　　　　　　切瓦特·埃加福特 Chiwetel Ejiofor  &#8230;.Peabody<br />
　　　　　　达尼尔·奥勒布里斯基 Daniel Olbrychski  &#8230;.Orlov<br />
　　　　　　奧古斯特·迪赫 August Diehl  &#8230;.Mike Krause<br />
　　　　　　Daniel Pearce  &#8230;.Young Orlov<br />
　　　　　　Hunt Block  &#8230;.U.S. President Lewis<br />
　　　　　　安德鲁·布劳尔 Andre Braugher  &#8230;.Secretary of Defense<br />
　　　　　　欧勒克·克鲁帕 Olek Krupa  &#8230;.Russian President Matveyev<br />
　　　　　　Cassidy Hinkle  &#8230;.12-Year-Old Chenkov<br />
　　　　　　Corey Stoll  &#8230;.Shnaider<br />
　　　　　　Vladislav Koulikov  &#8230;.Chenkov&#8217;s Father<br />
　　　　　　Olya Zueva  &#8230;.Chenkov&#8217;s Mother<br />
　　　　　　Kevin O&#8217;Donnell  &#8230;.Young CIA Officer<br />
　　　　　　盖乌斯·查尔斯 Gaius Charles  &#8230;.CIA Officer<br />
　　　　　　Zach Shaffer  &#8230;.CIA Security Officer<br />
　　　　　　Albert Jones  &#8230;.CIA Technician<br />
　　　　　　佐伊·利斯特·琼斯 Zoe Lister Jones  &#8230;.CIA Security Hub Tech<br />
　　　　　　Paul Juhn  &#8230;.North Korean Torturer<br />
　　　　　　Tika Sumpter  &#8230;.Front Deskwoman<br />
　　　　　　David Bishins  &#8230;.Security Supervisor<br />
　　　　　　雅拉·莎希迪 Yara Shahidi  &#8230;.Salt&#8217;s Young Neighbor<br />
　　　　　　Gary Wilmes  &#8230;.Advisor to U.S. President<br />
　　　　　　Jordan Lage  &#8230;.National Security Advisor<br />
　　　　　　Jeremy Davidson  &#8230;.President&#8217;s Secret Service Agent<br />
　　　　　　Michelle Ray Smith  &#8230;.Lead Bunker Officer<br />
　　　　　　玛丽昂·麦克柯瑞 Marion McCorry  &#8230;.CIA Director Medford<br />
　　　　　　Vladimir Tevlovski  &#8230;.KA Executioner<br />
　　　　　　Steve Cirbus  &#8230;.FBI Agent<br />
　　　　　　Roslyn Ruff  &#8230;.Neural Tech<br />
　　　　　　Jeb Brown  &#8230;.Bunker Technician<br />
　　　　　　Lara Apponyi  &#8230;.BBC Newscaster<br />
　　　　　　Vitali Baganov  &#8230;.New Russian President<br />
　　　　　　Peter Weireter  &#8230;.Security Officer<br />
　　　　　　Ryan Cyrus Shams  &#8230;.Interrogation Tech (as Ryan Shams)<br />
　　　　　　Colleen Werthmann  &#8230;.Secret Service Tactical Officer<br />
　　　　　　Liam Joynt  &#8230;.White House Gate Officer<br />
　　　　　　Victoria Cartagena  &#8230;.Portico Checkpoint Agent<br />
　　　　　　阿曼德·舒尔茨 Armand Schultz  &#8230;.Martin Crenshaw<br />
　　　　　　Ivo Velon  &#8230;.Basayev<br />
　　　　　　Kamar De Los Reyes  &#8230;.Secret Service Agent<br />
　　　　　　维克多·斯勒扎克 Victor Slezak  &#8230;.One-Star General<br />
　　　　　　Dionne Audain  &#8230;.Communications Agent<br />
　　　　　　Jalil Jay Lynch  &#8230;.DC Taxi Driver<br />
　　　　　　Mike Colter  &#8230;.CIA Tactical Leader<br />
　　　　　　Beverly Kirk  &#8230;.White House Reporter<br />
　　　　　　Barbara Harrison  &#8230;.DC Reporter<br />
　　　　　　Lynn C. Sanders  &#8230;.Bishop<br />
　　　　　　Theresa Caggiano  &#8230;.Subway Cop<br />
　　　　　　Nick Poltoranin  &#8230;.Russian KA Agent<br />
　　　　　　Vladimir Troitsky  &#8230;.Russian KA Agent<br />
　　　　　　Hristo Hristov  &#8230;.Russian KA Agent<br />
　　　　　　James Nuciforo  &#8230;.Military Aide<br />
　　　　　　Jose L. Rodriguez  &#8230;.North Korean Border MP<br />
　　　　　　Avis Boone  &#8230;.Rink Petroleum Security<br />
　　　　　　Scott Dillin  &#8230;.Presidential Bunker Tech<br />
　　　　　　Alexander Martin Jones  &#8230;.Presidential Bunker Tech<br />
　　　　　　Angelo Lopez  &#8230;.Presidential Bunker Tech<br />
　　　　　　Stephen Breach  &#8230;.Police Captain<br />
　　　　　　Mike Conneen  &#8230;.Washington Reporter<br />
　　　　　　Greg Kelly  &#8230;.News Anchor (as Gregory R. Kelly)<br />
　　　　　　Elizabeth Kaledin  &#8230;.NY1 Reporter<br />
　　　　　　Angel David  &#8230;.Burly Agent<br />
　　　　　　Frank Harts  &#8230;.2nd Floor Secret Service Agent<br />
　　　　　　塞西丽亚·弗斯 Cecilia Foss  &#8230;.The Ritual Matchmaker<br />
　　　　　　Solima Arnold  &#8230;.Mourner (uncredited)<br />
　　　　　　Robert Bizik  &#8230;.Man waiting for Bus (uncredited)<br />
　　　　　　Eddy Challita  &#8230;.Street witness (uncredited)<br />
　　　　　　Thomas Joe Craig  &#8230;.White House Staff (uncredited)<br />
　　　　　　Katherine Dickson  &#8230;.Repoter (uncredited)<br />
　　　　　　Mika Gill  &#8230;.Reporter (uncredited)<br />
　　　　　　Danielle Glick  &#8230;.Reporter (uncredited)<br />
　　　　　　Janis Grossman  &#8230;.Funeral Spectator (uncredited)<br />
　　　　　　Moe Hindi  &#8230;.Russian Wrestler (uncredited)<br />
　　　　　　Paul Hope  &#8230;.USAF Master Sgt. (uncredited)<br />
　　　　　　Seth Kozak  &#8230;.SWAT Officer (uncredited)<br />
　　　　　　Michael J. Kraycik  &#8230;.White House Military Aide (uncredited)<br />
　　　　　　Lovari  &#8230;.Russian Thug (uncredited)<br />
　　　　　　理查德·马丁尼 Richard Martini  &#8230;.Driver in North Korea (uncredited)<br />
　　　　　　Cheryl Masterson  &#8230;.Funeral Attendant / Mourner (uncredited)<br />
　　　　　　Tanda Mercer  &#8230;.Reporter (uncredited)<br />
　　　　　　Darren Ross  &#8230;.Congressman (uncredited)<br />
　　　　　　John J. Schneider  &#8230;.BlackHawk Helicopter Pilot (uncredited)<br />
　　　　　　James Schram  &#8230;.U.S. Military &#8211; Corporal Davis (uncredited)<br />
　　　　　　Elysia Segal  &#8230;.Subway Passenger (uncredited)<br />
　　　　　　Ken Sladyk  &#8230;.Russian Bodyguard (uncredited)<br />
　　　　　　Brian Smyj  &#8230;.Cia Agent (uncredited)<br />
　　　　　　Gilbert Soto  &#8230;.Funeral Attendant (uncredited)<br />
　　　　　　Al Sotto  &#8230;.Pedestrian (uncredited)<br />
　　　　　　Chris Vaina  &#8230;.Photograher (uncredited)<br />
　　　　　　Steven Weisz  &#8230;.Russian Cabinet Minister (uncredited)<br />
　　　　　　Deantre Williams  &#8230;.Air Force Tech Seargent (uncredited)<br />
◎简　　介　<br />
　　影片讲述了一位名叫Evelyn Salt的CIA长官，被指认是一个俄罗斯的间谍。于是她开始躲避上面的追捕，因为上面坚信她将行刺总统。她不但要保全自己的家庭，还要想尽办法证明自己的清白，同时找出幕后真相。<br />
　　美国中情局特务伊芙琳·绍特（Salt），她立誓效忠国家，执行极度危险的间谍活动，但一直誓死效忠的她却惨遭出卖，被诬蔑是俄罗斯派往美国潜伏多年的隐形间谍，中情局战友顿时化为敌人，绍特成为众矢之的，腹背受敌，大逃亡随即展开！<br />
　　在一场场你追我逐、枪战打斗之中，绍特必须运用多年来当特务的经验、机智的头脑及敏捷的身手， 摆脱追捕。但她越努力证明自己清白，却越令人怀疑她的动机，所有人都想要揭穿她真正的身分，究竟“谁是绍特？”<br />
　　作为一名中央情报局的女特工，伊夫林·绍特（安吉丽娜·朱莉 饰）发誓要忠于她的责任、荣誉和国家。然而，当一个叛徒在审问后，指控绍特就是一个俄国间谍，并透露一起秘密计划时，她的忠诚度需要经受巨大的考验。为了证明自己的清白，绍特被迫逃亡，而她昔日的同事温特尔（列维·施瑞博尔 饰）与皮博迪（切瓦特·埃加福特 饰）则奉命将她捉拿归案。绍特使用她所有的技能和经验躲避追捕，并试图查明真相，证明她的清白，随着她一步步揭开真相，却对自己的身份也产生了疑惑，究竟，究竟绍特是谁？<br />
一句话评论<br />
一部美妙的、娴熟的动作片。<br />
——Filmcritic.com<br />
叫这部片子为间谍惊悚片，比动作片要更称职。<br />
——《好莱坞报道》<br />
片中的朱莉有些像《罗拉快跑》里的罗拉，而动作的确惊悚，但情节请无视。<br />
——《芝加哥太阳时报》<br />
幕后制作<br />
　　商业名导意欲翻身之作<br />
　　从2002年起，《谍影重重》系列以暴走伯恩的角色掀起谍战片和政治惊悚片新风格后，好莱坞立刻也随之而来跟风热潮。当本为汤姆·克鲁斯打造的《特工绍特》遇上阿汤哥不感冒剧本的尴尬时，却阴差阳错地引来了安吉丽娜·朱莉的加盟，于是，剧本被改写，不再是容易让人先入为主想到《碟中谍》的阿汤哥挑大旗，倒是可能因为身份迷失、冤情、逃亡中解密这样的元素聚焦于一个女人身上，来一出女伯恩的传奇。而试图制造这一谍影重重中，女间谍的迷失与抗争传奇的便是好莱坞一位“最熟悉的陌生人”――菲利普·诺伊斯。<br />
　　对于老影迷来说，菲利普·诺伊斯应该并不陌生，这位澳大利亚导演，在上世纪八十年代进入好莱坞后，一度献上了若干知名商业影片。如与妮可·基德曼合作的恐怖片《航越地平线》（1989），与莎朗·斯通献上的情感惊悚片《偷窥》（1993），与哈里森·福特联袂的动作片《爱国者游戏》（1992）和《燃眉追击》（1994），与丹泽尔·华盛顿、安吉丽娜·朱莉合作更献上了精彩的悬疑惊悚电影《神秘拼图》（1999），可以说当时也算好莱坞一线商业片导演。然而进入新千年后，菲利普全面疲软，甚至到了要去指导电视剧单剧集的惨淡地步。显然，菲利普·诺伊斯并不甘于随着人们的记忆被遗落在二十世纪九十年代，而这次由当红及话题影星安吉丽娜·朱莉加盟的《特工绍特》无疑是其翻身的最好机会。<br />
　　演员剧本历经变数<br />
　　对于接洽这部影片，到这部影片换角，乃至“换性”过程，菲利普·诺伊斯提起来颇为感慨，甚至还有些愤愤不平，“我第一次听说这个项目是在2006年，当时我和索尼谈了这样一部电影。但是，在那之后，特里·乔治就写了剧本，却没有让我参与！”接着，在2008年，菲利普和制片方又对本片进行了进一步的洽谈，这个时候他们想到了让汤姆·克鲁斯参演，但是，事情并不如他们预料的顺利，“你知道，我们没法让汤姆参加进来，他有很多片约蓄势待发。但是，最关键的一个原因还是这个剧本本身――我的意思是他害怕这个角色与《碟中谍》的伊森太像了，一个同样个性的，能力高超的间谍。”，在邀请阿汤哥的计划失败后，大概三四天后，他和制片方又讨论了一下这部电影，这个时候有人提议是不是可以把男性角色换成女性，这样成功的可能性如何？大家讨论了一下，觉得可行，并在当天讨论了剧情梗概，并最终形成剧本，于是，安吉丽娜·朱莉也就顺理成章的加入了这部影片。<br />
　　作为当今动作片领域的头号女星，安吉丽娜·朱莉绝对是本片可靠的选择，自从《古墓丽影》（2001）以来，她已经参演多部知名的动作电影，无论是高难度的特技，还是快节奏的追逐，对她来说都轻车熟路。对于她的表演，菲利普·诺伊斯也称赞有加，“毫无疑问，观众观看本片的一个主要出发点还是在于欣赏安吉丽娜·朱莉不可思议的多层次演技。当我说‘不可思议’时，绝非是一种恭维而已。我的意思是，她是一个机智的女演员。不用说，这已经得到过证明。她在《古墓丽影》和《史密斯夫妇》（2007）中，都展示了她能像男人一样的去打斗。在这部电影中，她需要有戏剧性的表演，也有深度的情感呈现。”　<br />
　　亡命女特工的情感与抗争<br />
　　角色“变性”、“谍影重重”女性版，在影片上映前，种种噱头就已经围绕在《特工绍特》周围。而实际上，菲利普·诺伊斯更希望在这部电影中融合自己作品曾有的精彩，并打造一个全新的谍海女英雄。当菲利普·诺伊斯与安吉丽娜·朱莉首次在《神秘拼图》中合作时，后者还是一个新人，而如今她已经是一个一线明星，造就这一切的实际上不仅仅是她的动作电影而已。无论在《坚强的心》（2007）还是《换子疑云》（2008）中她都表现了收放自如，可内敛，可爆发的情感演绎能力，而这正是这部电影需要的。作为对动作片和惊悚片熟稔的老导演，菲利普·诺伊斯以紧张的剧情和精彩的动作场面来再现自己扬名岁月的激情，同时，这部电影也不单单是动作电影那么简单，她承受冤屈，要面对昔日出生入死的同事追捕，更要顾及被胁迫的丈夫的生命安危，而肩负的国家荣誉与责任感更是对她心灵的考验，在这重重压力下，一个女间谍的情感表现将会如何？这将是安吉丽娜·朱莉需要呈现给观众的看点：一个不光本领高强，更有丰富情感的女间谍。<br />
花絮<br />
·本片最初的剧本本来是一位男性角色为主角，计划由汤姆·克鲁斯主演。但是，最终他决定退出，于是，剧本被重写，一个女间谍成为主角，而安吉丽娜·朱莉也就顺利地获得了这个角色。<br />
·影片最初的主角名为埃德温·绍特（Edwin A Salt），随着主角性别变化，后来也就变成了最终的伊夫林·绍特（Evelyn Salt）。<br />
·据报道，安吉丽娜·朱莉亲自完成了她本人的大部分特技场面。<br />
·据导演菲利普·诺伊斯透露，他们在最初的剧本主角探讨时，不但考虑了汤姆·克鲁斯，甚至还考虑过塞缪尔·杰克逊，不过最终没有成形。<br />
精彩对白<br />
Evelyn Salt: What is your name?<br />
伊夫林·绍特：你叫什么名字？<br />
Vassily Orlov: My name is Vassily Orlov. Today, a Russian agent will travel to New York city to kill the President. This agent is KA-12.<br />
瓦塞利·奥尔洛夫：我的名字是瓦塞利·奥尔洛夫。今天，一个俄国间谍将前往纽约刺杀总统，他的代号是KA-12。<br />
Evelyn Salt: The KA program is a myth.<br />
伊夫林·绍特：这个KA计划是杜撰的。<br />
Vassily Orlov: Don&#8217;t you want to know the name?<br />
瓦塞利·奥尔洛夫：难道你不知道这个计划吗？<br />
Evelyn Salt: You&#8217;re good. You can tell the rest of your story to one of my colleagues.<br />
伊夫林·绍特：很好，你可以把你故事剩下的部分告诉我的同事。<br />
Vassily Orlov: The name of the agent is Evelyn Salt.<br />
瓦塞利·奥尔洛夫：这个间谍的名字叫作伊夫林·绍特。<br />
Evelyn Salt: My name is Evelyn Salt.<br />
伊夫林·绍特：我的名字是伊夫林·绍特。<br />
Vassily Orlov: Then you are a Russian spy.<br />
瓦塞利·奥尔洛夫：那么你就是那个俄国间谍。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.missage.com/1314.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>国内免费网络硬盘个人汇总</title>
		<link>http://www.missage.com/1313.html</link>
		<comments>http://www.missage.com/1313.html#comments</comments>
		<pubDate>Tue, 31 Aug 2010 01:30:32 +0000</pubDate>
		<dc:creator>simondai</dc:creator>
				<category><![CDATA[网络先锋]]></category>
		<category><![CDATA[免费资源]]></category>

		<guid isPermaLink="false">http://www.missage.com/?p=1313</guid>
		<description><![CDATA[<p><img src="http://u.115.com/static/images/logo_index.png" alt="" /><img src="http://static.rayfile.com/media/img/logo.gif" alt="" /></p>
]]></description>
			<content:encoded><![CDATA[<p>最近国内的网络硬盘是越来越多了，做得也都挺不错的。现汇总了一下国内的网盘我觉得不错的，看上去还稳定的国内免费网盘，其实还有些国外的网盘也不错，速度也挺快的，但是就不在这里介绍了，下次整理篇国外没被墙的网盘介绍。 （排名不分先后，打分全个人感受，供参考）</p>
<p>1、<a href="http://u.115.com/" target="_blank">U115网络硬盘</a><br />
雨林木风公司出品，此公司最出名的就是全国遍地的雨林木风盗版系统盘，现转型。<br />
普通用户单文件大小限制1G，容量几G（通过等级增长）。目前使用很广，基本代替了原来Rayfile飞速网盘的位置，几百兆左右大文件传播现在普遍用 它。有客户端，大文件下载需要客户端，几兆大小的文件不用。永久保存，共享文件需要1个月登陆激活一次（下的人多会自动激活）<br />
下载(1-5)：4（客户端）、3（非客户端）<br />
广告(1-5)：2</p>
<p>2、<a href="http://www.rayfile.com/" target="_blank">RayFile飞速网</a><br />
老牌网络硬盘，几兆左右下载就需要用他的客户端，有一套保鲜算法，越大的文件需要单位时间越多人下载才能保留资源不被删。大小不限。<br />
下载(1-5)：3（客户端）、1（非客户端）<br />
广告(1-5)：5</p>
<p>3、<a href="http://www.dbank.com/" target="_blank">DBank数据银行</a><br />
储存空间3G，共享空间1G，上传单个文件最大100M，可以通过积分增长（有限）。有客户端，类似国外的Dropbox（被墙）。他的大小空间限制比较多，但是他的下载速度确实很快，推荐小文件传播使用。<br />
下载(1-5)：5（客户端）、5（非客户端）<br />
广告(1-5)：1</p>
<p>4、<a href="http://www.qupan.com/" target="_blank">趣盘</a><br />
初始空间3G，单个文件最大100M。这个我使用较少，印象中速度也就一般，支持迅雷是他的特色。有客户端，但是给收费用户用的。<br />
下载(1-5)：3（客户端）、1（非客户端）<br />
广告(1-5)：5</p>
<p>5、<a href="http://www.uushare.com/" target="_blank">uushare</a><br />
标准用户单个文件不能超过100MB/个，另外压缩包格式不能超过50MB/个，视频格式的不能超过25MB/个。新帐号的空间初始容量是512MB，可以通过每天登录、积分兑换、升级帐号等方式增加。其空间增长很容易，但是下载速度较慢，只能IE默认下载。<br />
下载(1-5)：2（非客户端）<br />
广告(1-5)：2</p>
<p>6、<a href="http://note.sdo.com/" target="_blank">麦库</a><br />
盛大推出的网盘服务，目前不限制文件大小和类型，永久保存，可共享下载。新注册用户（盛大通行证激活）500M空间，填邀请码在增加500M，合1G空间。邀请人得200M，熟悉的邀请方式，你好我也好。我的邀请码930925905。由于是盛大推出的，稳定性无庸置疑。<br />
2个大公司的没测试</p>
<p>7、<a href="http://www.163pan.com/" target="_blank">易盘</a><br />
163推出的网盘，163G的临时盘，3G的初始永久盘（永久盘也得3个月登陆一次）。通过金币增长空间。同上，大公司出品，稳定性不怕。<br />
2个大公司的没测试</p>
<p>8、<a href="http://www.brsbox.com/" target="_blank">brsbox</a><br />
老牌网络硬盘，新注册200M，登陆升至500M，下载速度一般，只能单线程下载，不支持迅雷等下载工具。<br />
下载(1-5)：3（非客户端）<br />
广告(1-5)：2</p>
<p>9、<a href="http://www.ys168.com/" target="_blank">YS168永硕网络硬盘</a><br />
这是真正的老牌网盘，目前免费用户80M空间，单文件最大5M，2小时最大下载30M，但是其速度极快，基本达到满速度下载，这么多年来稳定性也无庸置疑，缺点也很明显，只能做小型保存，只支持IE浏览器。<br />
下载(1-5)：5（非客户端）<br />
广告(1-5)：2</p>
<p>10、<a href="http://good.gd/" target="_blank">Good即得</a><br />
很有特色的网盘，不能注册，直接上传，不允许上传 .asp .aspx .bat .cmd .com .dll .exe .torrent .vbs 格式的文件，文件限制20M，依靠cookie、收藏网址以及设置文件管理密码来管理已上传的文件。还有API接口提供给草根站长，个人挺喜欢的一个，速度也不错。<br />
下载(1-5)：4<br />
广告(1-5)：1</p>
<p>以上就是我觉得不错的，看上去还稳定的国内免费网盘，其实还有些国外的网盘也不错，速度也挺快的，但是就不在这里介绍了，下次整理篇国外的网盘介绍。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.missage.com/1313.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web设计精确点滴</title>
		<link>http://www.missage.com/1312.html</link>
		<comments>http://www.missage.com/1312.html#comments</comments>
		<pubDate>Sun, 29 Aug 2010 02:43:32 +0000</pubDate>
		<dc:creator>simondai</dc:creator>
				<category><![CDATA[前端设计]]></category>
		<category><![CDATA[web设计]]></category>

		<guid isPermaLink="false">http://www.missage.com/?p=1312</guid>
		<description><![CDATA[<p><img src="http://www.zhouwenqi.com/upfile/2010826/webdesign_26.jpg" alt="webdesign" /></p>
]]></description>
			<content:encoded><![CDATA[<div>这篇文章说实际问题的，所以不多强调，下面是我总结的一些比较突出的细节问题，而且我一直认为这些问题比较严重，正因为这些都是基本问题，很容易解决的，但把这种忽略养成一种习惯性的“经验”那就“杯具”了，然而这些细节问题也不同程度的代表了你的工作态度。</div>
<div><label>1)调整后的毛边</label><br />
当对一个位图的大小进行调整后，正常情况下会留下1px的毛边（如果你注意的话），边界会变得模糊，如果继续调整模糊度会加大，这个问题太不起眼了，以至于你无法用肉眼来理绘，我们先用商品图片举例子：</div>
<div><img src="http://www.zhouwenqi.com/upfile/2010826/webdesign_1.jpg" alt="webdesign" /></div>
<div>也许单张小图还不够显注，下面对比一个列表图和大图，当然了除非你故意想要这种效果。</div>
<div><img src="http://www.zhouwenqi.com/upfile/2010826/webdesign_2.jpg" alt="webdesign" /></div>
<div><img src="http://www.zhouwenqi.com/upfile/2010826/webdesign_3.jpg" alt="webdesign" /></div>
<div><img src="http://www.zhouwenqi.com/upfile/2010826/webdesign_6.jpg" alt="webdesign" /></div>
<div><img src="http://www.zhouwenqi.com/upfile/2010826/webdesign_7.jpg" alt="webdesign" /></div>
<div>放大2倍后对比</div>
<div><img src="http://www.zhouwenqi.com/upfile/2010826/webdesign_4.jpg" alt="webdesign" /></div>
<div>放大2倍后对比</div>
<div><img src="http://www.zhouwenqi.com/upfile/2010826/webdesign_5.jpg" alt="webdesign" /></div>
<div>另外不要试者调整带有边框的图片，最好是自己绘制，这个面两张对比图不用放大就能全面看到问题:</div>
<div><img src="http://www.zhouwenqi.com/upfile/2010826/webdesign_8.jpg" alt="webdesign" /></div>
<div>2)关于边框和背景<br />
有些区块需要用边框装饰点缀得醒目一点,有文字区块图片区块等,文字区块加边框的建议使用同基色的背景色填充区块,不然内容会很空洞，图片加边框的话,如果是CSS定义的边框最好是加上间隔距离,因为图片不是固定的,所以可能会出现底色与边框不协调,严重的会造成毛边效果，下面用几个例子来说一下：</div>
<div>文字边框背景：</div>
<div><img src="http://www.zhouwenqi.com/upfile/2010826/webdesign_9.jpg" alt="webdesign" /></div>
<div>因为区块加了边框后背景与边框之外的背景颜色相同，所以感觉空洞，所以最好是区块加上背景，而且背景色与边框最好是同一个基色。</div>
<div><img src="http://www.zhouwenqi.com/upfile/2010826/webdesign_10.jpg" alt="webdesign" /></div>
<div><img src="http://www.zhouwenqi.com/upfile/2010826/webdesign_11.jpg" alt="webdesign" /></div>
<div>白色背景下，背景不要比边框太深，再努力的调整区块内容的颜色能与背景融合也于事无补，边框成了毛边。</div>
<div><img src="http://www.zhouwenqi.com/upfile/2010826/webdesign_12.jpg" alt="webdesign" /></div>
<div>在深色背景下，才使用加亮边框。</div>
<div><img src="http://www.zhouwenqi.com/upfile/2010826/webdesign_13.jpg" alt="webdesign" /></div>
<div>关于图片边框，图片本身就有背景，而且色彩是多样的，在给图片加边框时也最好是与图片背景同一个基色的背景，而且最好是取与图片最边上的色彩的深基色，如果是边上有多种颜色，取最多的那颜色，例：</div>
<div><img src="http://www.zhouwenqi.com/upfile/2010826/webdesign_14.jpg" alt="webdesign" /></div>
<div>如果边框是用CSS定义的，而且是图列，比喻说是产品列表，而列表中的产品类别和背景色都不一致，就会出现边框与背景同色或不协调的情况，例如：</div>
<div><img src="http://www.zhouwenqi.com/upfile/2010826/webdesign_15.jpg" alt="webdesign" /></div>
<p>上图中间一排图片边框的色彩就不协调了，如果在图片是不确定的情况下，加边框时最好是给图片与边框之间加上边框距。</p>
<div><img src="http://www.zhouwenqi.com/upfile/2010826/webdesign_16.jpg" alt="webdesign" /></div>
<div>在看看在深色背景下的效果，深色背景下可以有两种方案，一是去掉外框，以白色间距边框，二是加亮外框，留出与背景相同颜色的间距。如下图：</div>
<div><img src="http://www.zhouwenqi.com/upfile/2010826/webdesign_17.jpg" alt="webdesign" /></div>
<div>3)关于边距与对齐<br />
设计师寻找灵感时，偶尔会随意、自由的拖拉摆放区块、填色、绘制等，直到满意才会停下，在这个过程中会出现有与“经验”挂钩的细小漏洞，例如：</div>
<div><img src="http://www.zhouwenqi.com/upfile/2010826/webdesign_18.jpg" alt="webdesign" /></div>
<div>下图表面看上去没问题,细看之下有点小别扭,放大后就可以看清楚了,导航文字偏高,搜索框与导航没有对齐,搜索框中Button图标距离也有问题。</div>
<div><img src="http://www.zhouwenqi.com/upfile/2010826/webdesign_19.jpg" alt="webdesign" /></div>
<div><img src="http://www.zhouwenqi.com/upfile/2010826/webdesign_20.jpg" alt="webdesign" /></div>
<div>调整之后如下图：</div>
<div><img src="http://www.zhouwenqi.com/upfile/2010826/webdesign_21.jpg" alt="webdesign" /></div>
<div>在看下面的例子：</div>
<div><img src="http://www.zhouwenqi.com/upfile/2010826/webdesign_22.jpg" alt="webdesign" /></div>
<div>上图中区块上下间距与左右间距不匀称，和前几的列子一样，文字与区块上下垂直间距不协调，下图是修正后的结果。</div>
<div><img src="http://www.zhouwenqi.com/upfile/2010826/webdesign_23.jpg" alt="webdesign" /></div>
<div>在来看一组给图片加框的效果：</div>
<div><img src="http://www.zhouwenqi.com/upfile/2010826/webdesign_24.jpg" alt="webdesign" /></div>
<div>在来看图列间距：<br />
下面这个列图看似没问题，其实有两个细节问题（其中一个应该算是用户体验的问题）。首先第一列与第二列的间距要比第二列与第三列的距离要小2px，对于这个问题，有人会说这个间距用CSS定义就统一了，不会存在差异！注意了，我们讨论的是视觉设计，不能把这个问题丢给前端，否则你后面丢过去的更多（相信我），其次纵间距太小排的过于紧密。</div>
<div><img src="http://www.zhouwenqi.com/upfile/2010826/webdesign_25.jpg" alt="webdesign" /></div>
<div><img src="http://www.zhouwenqi.com/upfile/2010826/webdesign_26.jpg" alt="webdesign" /></div>
<div>调整过后如下图:</div>
<div><img src="http://www.zhouwenqi.com/upfile/2010826/webdesign_27.jpg" alt="webdesign" /></div>
<div>4)关于阴影与质感：<br />
在设计点缀版面时需要有深度和3D质感的时候，可能就会用到投影、阴影、光线感等效果。但web设计和平面广告不同，太强、太硬的质感只会让页面显得粗糙，web页面是个很细致的活，还是那句话，这里只说细节，先看图：</div>
<div><img src="http://www.zhouwenqi.com/upfile/2010826/webdesign_28.jpg" alt="webdesign" /></div>
<div>阴影要小一点、颜色要浅一点,另外这里面其实还有一个问题，和前面讲的边框一样，如果图片是的投影颜色与图片颜色（或背景颜色）相同，效果会很尴尬，所以要边框一样给图片加一个间隔距离：</div>
<div><img src="http://www.zhouwenqi.com/upfile/2010826/webdesign_29.jpg" alt="webdesign" /></div>
<div>理论上讲，将一个没有质感的元素进行投影或加阴影是不现实的！前面讲的一些阴影效果，元素本身没有任何质感。看下面的例子：</div>
<div><img src="http://www.zhouwenqi.com/upfile/2010826/webdesign_30.jpg" alt="webdesign" /></div>
<div>上图Button和价格区块的投影没有质量,修改后如下图:</div>
<div><img src="http://www.zhouwenqi.com/upfile/2010826/webdesign_31.jpg" alt="webdesign" /></div>
<div>其实阴影和质感是随网站整体风格相关联的,某种情况下还不如不加上去。</div>
<div><img src="http://www.zhouwenqi.com/upfile/2010826/webdesign_32.jpg" alt="webdesign" /></div>
<div>关于深色背景下的质感，阴影和投影是不现实的，所以只能用发光或光线质感来实现。</div>
<div><img src="http://www.zhouwenqi.com/upfile/2010826/webdesign_33.jpg" alt="webdesign" /></div>
<div>就说到这里了，没时间往下说了，我要整理东走了，上面都只是你可能不注意的小小细节问题，你注意到的我也不会说了。</div>
<div>原文：<a href="http://www.zhouwenqi.com/blog/board_43.html">http://www.zhouwenqi.com/blog/board_43.html</a></div>
]]></content:encoded>
			<wfw:commentRss>http://www.missage.com/1312.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS 边框重叠鼠标悬停效果</title>
		<link>http://www.missage.com/1309.html</link>
		<comments>http://www.missage.com/1309.html#comments</comments>
		<pubDate>Fri, 27 Aug 2010 01:29:22 +0000</pubDate>
		<dc:creator>simondai</dc:creator>
				<category><![CDATA[前端设计]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[web设计]]></category>
		<category><![CDATA[脚本技术]]></category>

		<guid isPermaLink="false">http://www.missage.com/?p=1309</guid>
		<description><![CDATA[<p><img title="border_collapse" src="http://www.missage.com/wp-content/uploads/border_collapse.png" alt="" width="195" height="300" /></p>
]]></description>
			<content:encoded><![CDATA[<div>
<p>前几天某个同事的项目中碰到一个边框重叠鼠标悬停效果，要实现鼠标移上后按钮边框换色，但左右两个按钮的边框又是合并在一起的。就像下面这张图片示意：</p>
<p><a href="http://www.missage.com/wp-content/uploads/taobao_border_collapse.png"><img class="alignnone size-full wp-image-1311" title="taobao_border_collapse" src="http://www.missage.com/wp-content/uploads/taobao_border_collapse.png" alt="" width="198" height="78" /></a></p>
<p>如果看不明白，请移步参考淘宝搜索结果页面中的“信用”、“价格”两个排序按钮。<a href="http://s.taobao.com/search?q=%CC%D4%B1%A6" target="_blank">http://s.taobao.com/search?q=%CC%D4%B1%A6</a></p>
<p>以三个横排并列的按钮为例：</p>
<pre>&lt;span&gt;
    &lt;a href="#"&gt;A&lt;/a&gt;
    &lt;a href="#"&gt;B&lt;/a&gt;
    &lt;a href="#"&gt;C&lt;/a&gt;
&lt;/span&gt;</pre>
<p>这个问题的关键在于合并相邻两个容器的边框，视觉上就像表格边框的合并那样，<a href="http://www.mangguo.org/">芒果</a>选择使用负 margin 来隐藏右侧边框。鼠标 hover 时如何才能使当前按钮边框呈现出来？其实也很简单，只要给 a:hover 伪类加上 position:relative;z-index:1; 即可。另外，为了修复 IE6 下的定位问题，建议给每一个 a 元素添加 position:relative; 属性。样式代码如下：</p>
<pre>.grid{display:inline-block;}
.grid a{float:left;border:5px solid #cdcdcd;margin-right:-5px;position:relative;width:50px;height:50px;line-height:50px;text-align:center;}
.grid a:hover{border:5px solid #31b1fc;position:relative;z-index:1;}</pre>
<p>最终效果如下。因为子节点浮动，外层最好能清除浮动，清浮动的方法请猛击此处查看：<a href="http://www.mangguo.org/mangguo-teach-you-clear-float" target="_blank">http://www.mangguo.org/mangguo-teach-you-clear-float<br />
</a></p>
<p><a href="http://www.missage.com/wp-content/uploads/border_collapse.png"><img class="alignnone size-full wp-image-1310" title="border_collapse" src="http://www.missage.com/wp-content/uploads/border_collapse.png" alt="" width="195" height="300" /></a></p>
<p>另外，<a href="http://www.mangguo.org/">芒果</a>还想到一种形如九宫格的 CSS 实现，代码也很简洁。</p>
<p>详情参考这份 DEMO 稿：<a href="http://www.mangguo.org/example/border_collapse_hover.html" target="_blank">http://www.mangguo.org/example/border_collapse_hover.html</a></p>
<p>原文：<a href="http://www.mangguo.org/css-border-collapse-hover-effect/">http://www.mangguo.org/css-border-collapse-hover-effect/</a></p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.missage.com/1309.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>20个专业的管理网站模板鉴赏</title>
		<link>http://www.missage.com/1308.html</link>
		<comments>http://www.missage.com/1308.html#comments</comments>
		<pubDate>Wed, 25 Aug 2010 06:00:27 +0000</pubDate>
		<dc:creator>simondai</dc:creator>
				<category><![CDATA[前端设计]]></category>
		<category><![CDATA[web设计]]></category>
		<category><![CDATA[模板]]></category>
		<category><![CDATA[设计欣赏]]></category>

		<guid isPermaLink="false">http://www.missage.com/?p=1308</guid>
		<description><![CDATA[<p><img src="http://images.uheed.com/iwanna/2010/08/25/admin-skin/8.jpg" alt="" /></p>
]]></description>
			<content:encoded><![CDATA[<p>一个现代的并方便的管理用户界面是网络应用程序成功的关键,一个定制的管理用户界面通常会增加你的成本.那么如何以低成本来用一些专业的管理用户界面呢.<br />
这里我们在<a href="http://themeforest.net/" target="_blank">ThemeForesth</a>上收集了下面<strong><a title="20个专业的管理网站模板鉴赏" href="http://www.iwanna.cn/archives/2010/08/25/5075/">20个专业的网站管理界面</a></strong>,你可能就会发现自己喜欢的风格.<br />
<strong>1) Simple Admin – Flexible</strong></p>
<p><a href="http://themeforest.net/item/simpla-admin-flexible-user-friendly-admin-skin/46073?ref=webappers" target="_blank"><img src="http://images.uheed.com/iwanna/2010/08/25/admin-skin/1.jpg" alt="20个专业的管理网站模板鉴赏 | iwanna.cn 我想网" /></a></p>
<h3>2) Profi Admin</h3>
<p><a href="http://themeforest.net/item/profi-admin-administration-for-the-professionals/49058?ref=webappers" target="_blank"><img src="http://images.uheed.com/iwanna/2010/08/25/admin-skin/2.jpg" alt="20个专业的管理网站模板鉴赏 | iwanna.cn 我想网" /></a></p>
<h3>3) Complex Liquid Admin</h3>
<p><a href="http://themeforest.net/item/complete-liquid-admin-control-panel/24826?ref=webappers" target="_blank"><img src="http://images.uheed.com/iwanna/2010/08/25/admin-skin/3.jpg" alt="20个专业的管理网站模板鉴赏 | iwanna.cn 我想网" /></a></p>
<h3>4) Cleanity Complete Admin</h3>
<p><a href="http://themeforest.net/item/cleanity-complete-admin-cms-skin-/41517?ref=webappers" target="_blank"><img src="http://images.uheed.com/iwanna/2010/08/25/admin-skin/4.jpg" alt="20个专业的管理网站模板鉴赏 | iwanna.cn 我想网" /></a></p>
<h3>5) Ultra Admin Full Control Panel</h3>
<p><a href="http://themeforest.net/item/ultraadmin-full-control-panel-4-skins/39483?ref=webappers" target="_blank"><img src="http://images.uheed.com/iwanna/2010/08/25/admin-skin/5.jpg" alt="20个专业的管理网站模板鉴赏 | iwanna.cn 我想网" /></a></p>
<h3>6) FreshCMS</h3>
<p><a href="http://themeforest.net/item/freshcms-an-almost-complete-cms-skin/50089?ref=webappers" target="_blank"><img src="http://images.uheed.com/iwanna/2010/08/25/admin-skin/6.jpg" alt="20个专业的管理网站模板鉴赏 | iwanna.cn 我想网" /></a></p>
<h3>7) Flexy – Liquid Admin Skin</h3>
<p><a href="http://themeforest.net/item/flexy-liquid-admin-skin-7-in-1/46398?ref=webappers" target="_blank"><img src="http://images.uheed.com/iwanna/2010/08/25/admin-skin/7.jpg" alt="20个专业的管理网站模板鉴赏 | iwanna.cn 我想网" /></a></p>
<h3>8 ) Sleek Admin Clean CSS Admin Skin</h3>
<p><a href="http://themeforest.net/item/sleek-admin-clean-css-admin-skin/44958?ref=webappers" target="_blank"><img src="http://images.uheed.com/iwanna/2010/08/25/admin-skin/8.jpg" alt="20个专业的管理网站模板鉴赏 | iwanna.cn 我想网" /></a></p>
<h3>9) Titanium</h3>
<p><a href="http://themeforest.net/item/titanium/35128?ref=webappers" target="_blank"><img src="http://images.uheed.com/iwanna/2010/08/25/admin-skin/9.jpg" alt="20个专业的管理网站模板鉴赏 | iwanna.cn 我想网" /></a></p>
<h3>10) Acid App Adminstration Panel</h3>
<p><a href="http://themeforest.net/item/acid-app-adminsitration-panel/34337?ref=webappers" target="_blank"><img src="http://images.uheed.com/iwanna/2010/08/25/admin-skin/10.jpg" alt="20个专业的管理网站模板鉴赏 | iwanna.cn 我想网" /></a></p>
<h3>11) ProManager v2.0 Customized Admin CMS Skin</h3>
<p><a href="http://themeforest.net/item/promanager-v20-customized-admin-cms-skin/30272?ref=webappers" target="_blank"><img src="http://images.uheed.com/iwanna/2010/08/25/admin-skin/11.jpg" alt="20个专业的管理网站模板鉴赏 | iwanna.cn 我想网" /></a></p>
<h3>12) Clean CSS Admin Multiskin</h3>
<p><a href="http://themeforest.net/item/clean-css-admin-multiskin-black-white-red-blue/25973?ref=webappers" target="_blank"><img src="http://images.uheed.com/iwanna/2010/08/25/admin-skin/12.jpg" alt="20个专业的管理网站模板鉴赏 | iwanna.cn 我想网" /></a></p>
<h3>13) Sitecore Liquid Admin</h3>
<p><a href="http://themeforest.net/item/sitecore-admin-skin/25647?ref=webappers" target="_blank"><img src="http://images.uheed.com/iwanna/2010/08/25/admin-skin/13.jpg" alt="20个专业的管理网站模板鉴赏 | iwanna.cn 我想网" /></a></p>
<h3>14) Broom Cupboard Admin Skin</h3>
<p><a href="http://themeforest.net/item/broom-cupboard-admin-skin/24097?ref=webappers" target="_blank"><img src="http://images.uheed.com/iwanna/2010/08/25/admin-skin/14.jpg" alt="20个专业的管理网站模板鉴赏 | iwanna.cn 我想网" /></a></p>
<h3>15) Smart Admin High End CMS Theme</h3>
<p><a href="http://themeforest.net/item/smart-admin-high-end-cms-theme/22750?ref=webappers" target="_blank"><img src="http://images.uheed.com/iwanna/2010/08/25/admin-skin/15.jpg" alt="20个专业的管理网站模板鉴赏 | iwanna.cn 我想网" /></a></p>
<h3>16 ) Elegent – Backend Admin Template</h3>
<p><a href="http://themeforest.net/item/element-backend-admin-template/22314?ref=webappers" target="_blank"><img src="http://images.uheed.com/iwanna/2010/08/25/admin-skin/16.jpg" alt="20个专业的管理网站模板鉴赏 | iwanna.cn 我想网" /></a></p>
<h3>17) Splash Manager</h3>
<p><a href="http://themeforest.net/item/splash-manager/21263?ref=webappers" target="_blank"><img src="http://images.uheed.com/iwanna/2010/08/25/admin-skin/17.jpg" alt="20个专业的管理网站模板鉴赏 | iwanna.cn 我想网" /></a></p>
<h3>18) Proadmin Template</h3>
<p><a href="http://themeforest.net/item/proadmin-template/21244?ref=webappers" target="_blank"><img src="http://images.uheed.com/iwanna/2010/08/25/admin-skin/18.jpg" alt="20个专业的管理网站模板鉴赏 | iwanna.cn 我想网" /></a></p>
<h3>19) Ninja Admin</h3>
<p><a href="http://themeforest.net/item/ninja-admin-/21190?ref=webappers" target="_blank"><img src="http://images.uheed.com/iwanna/2010/08/25/admin-skin/19.jpg" alt="20个专业的管理网站模板鉴赏 | iwanna.cn 我想网" /></a></p>
<h3>20) eManager 1.0</h3>
<p><a href="http://themeforest.net/item/emanager-10/19140?ref=webappers" target="_blank"><img src="http://images.uheed.com/iwanna/2010/08/25/admin-skin/20.jpg" alt="20个专业的管理网站模板鉴赏 | iwanna.cn 我想网" /></a></p>
<p>原文：<a href="http://www.iwanna.cn/archives/2010/08/25/5075/">http://www.iwanna.cn/archives/2010/08/25/5075/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.missage.com/1308.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>管理中心左侧栏的“黄金分割”宽度浅谈</title>
		<link>http://www.missage.com/1306.html</link>
		<comments>http://www.missage.com/1306.html#comments</comments>
		<pubDate>Tue, 24 Aug 2010 03:26:34 +0000</pubDate>
		<dc:creator>simondai</dc:creator>
				<category><![CDATA[前端设计]]></category>
		<category><![CDATA[web设计]]></category>

		<guid isPermaLink="false">http://www.missage.com/?p=1306</guid>
		<description><![CDATA[<p><img src="http://image.zcool.com.cn/56/54/m_1282551008895.jpg" border="0" alt="" width="600" /></p>
]]></description>
			<content:encoded><![CDATA[<p><a href="http://image.zcool.com.cn/56/54/1282551008895.jpg" target="_blank"></a>        关于“管理中心”的界面设计框架，一般我们都会选择传统的“工”字结构，顶部是形象区，左侧是功能列表区，右侧是操作区，这种结构的功能扩展性和易用性都是非常好的，几乎90%以上的软件系统的后台管理中心都是采用这样的结构。</p>
<p>        在实际设计工作中我们发现，用户总是希望能把操作区的区域尽量变大，以最大限度满足业务工作，提高使用效率。我们对信息的浏览习惯于向下扩展，进行纵向滚动。也就是说在显示器分辨率一定的前提下，信息可以在Y轴进行扩展，而X轴却是固定的，这就需要我们在侧栏上多下功夫了。所以我们一般都会设置1-2个hide按键，来控制顶部栏和左侧栏的消隐，这样以来既可以扩大操作区又不影响导航。</p>
<p>        但是究竟左侧栏的默认宽度多少才是最合适，既能保持美观，最大限度的放大操作区，又可以不影响操作呢。下面我们就此问题进行一下研究。</p>
<p><a href="http://image.zcool.com.cn/56/54/1282551008895.jpg" target="_blank"><img src="http://image.zcool.com.cn/56/54/m_1282551008895.jpg" border="0" alt="" /></a></p>
<p>我们首先将在左侧栏将会用到的元素罗列一下<br />
滚动条：17px   图标：16px  文字（中文宋体）：11px 文字间距：1px</p>
<p>左侧栏需要具备的以下几个条件<br />
1.一般来讲左侧会包括最多不超多4级的树形菜单<br />
2.文字为一行不折行，且一般不会超过8个汉字<br />
3.考虑到可能会出现的滚动条</p>
<p>综上所述，我们进行排版。（如下图）</p>
<p><a href="http://image.zcool.com.cn/8/10/1282547203713.jpg" target="_blank"><img src="http://image.zcool.com.cn/8/10/m_1282547203713.jpg" border="0" alt="" /></a></p>
<p>最后我们计算得出左侧栏的“黄金分割”宽度为204px</p>
<p>原文：<a href="http://www.zcool.com.cn/article/ZMTM3ODA=.html">http://www.zcool.com.cn/article/ZMTM3ODA=.html</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.missage.com/1306.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>30个魅力小宣传册设计</title>
		<link>http://www.missage.com/1305.html</link>
		<comments>http://www.missage.com/1305.html#comments</comments>
		<pubDate>Sat, 21 Aug 2010 16:42:16 +0000</pubDate>
		<dc:creator>simondai</dc:creator>
				<category><![CDATA[前端设计]]></category>
		<category><![CDATA[设计欣赏]]></category>

		<guid isPermaLink="false">http://www.missage.com/?p=1305</guid>
		<description><![CDATA[<p><img title="UCD博客-小册子设计23" src="http://www.ucdcom.com/Production/UpProductionPic/2010-8-21/201082116527738.jpg" alt="UCD博客-30个魅力小宣传册设计" width="570" height="389" /></p>
]]></description>
			<content:encoded><![CDATA[<p>小手册通常是比较难为设计师，因为你需要使小册子醒目，易于阅读，但仍需要包含所有的重要信息。本次我们还收集了30个魅力小册子。希望你喜欢！</p>
<p><a href="http://www.ucdcom.com/Blog/post/176.html" target="_blank"><img title="UCD博客-小册子设计" src="http://www.ucdcom.com/Production/UpProductionPic/2010-8-21/2010821164624352.jpg" alt="UCD博客-30个魅力小宣传册设计" width="570" height="321" /></a></p>
<p><img title="UCD博客-小册子设计1" src="http://www.ucdcom.com/Production/UpProductionPic/2010-8-21/2010821164633831.jpg" alt="UCD博客-30个魅力小宣传册设计" width="570" height="399" /></p>
<p><img title="UCD博客-小册子设计2" src="http://www.ucdcom.com/Production/UpProductionPic/2010-8-21/2010821164641375.jpg" alt="UCD博客-30个魅力小宣传册设计" width="570" height="347" /></p>
<p><img title="UCD博客-小册子设计3" src="http://www.ucdcom.com/Production/UpProductionPic/2010-8-21/2010821164651833.jpg" alt="UCD博客-30个魅力小宣传册设计" width="570" height="380" /></p>
<p><a href="http://www.ucdcom.com/Blog/post/176.html" target="_blank"><img title="UCD博客-小册子设计4" src="http://www.ucdcom.com/Production/UpProductionPic/2010-8-21/2010821164721276.jpg" alt="UCD博客-30个魅力小宣传册设计" width="570" height="338" /></a></p>
<p><img title="UCD博客-小册子设计0" src="http://www.ucdcom.com/Production/UpProductionPic/2010-8-21/2010821164730723.jpg" alt="UCD博客-30个魅力小宣传册设计" width="570" height="428" /></p>
<p><img title="UCD博客-小册子设计6" src="http://www.ucdcom.com/Production/UpProductionPic/2010-8-21/2010821164743814.jpg" alt="UCD博客-30个魅力小宣传册设计" width="570" height="414" /></p>
<p><img title="UCD博客-小册子设计7" src="http://www.ucdcom.com/Production/UpProductionPic/2010-8-21/2010821164746718.jpg" alt="UCD博客-30个魅力小宣传册设计" width="570" height="383" /></p>
<p><a href="http://www.ucdcom.com/Blog/post/176.html" target="_blank"><img title="UCD博客-小册子设计8" src="http://www.ucdcom.com/Production/UpProductionPic/2010-8-21/201082116488156.jpg" alt="UCD博客-30个魅力小宣传册设计" width="570" height="428" /></a></p>
<p><img title="UCD博客-小册子设计9" src="http://www.ucdcom.com/Production/UpProductionPic/2010-8-21/2010821164829772.jpg" alt="UCD博客-30个魅力小宣传册设计" width="570" height="428" /></p>
<p><img title="UCD博客-小册子设计10" src="http://www.ucdcom.com/Production/UpProductionPic/2010-8-21/2010821164850814.jpg" alt="UCD博客-30个魅力小宣传册设计" width="570" height="382" /></p>
<p><img title="UCD博客-小册子设计11" src="http://www.ucdcom.com/Production/UpProductionPic/2010-8-21/2010821164855895.jpg" alt="UCD博客-30个魅力小宣传册设计" width="570" height="420" /></p>
<p><img title="UCD博客-小册子设计12" src="http://www.ucdcom.com/Production/UpProductionPic/2010-8-21/201082116491554.jpg" alt="UCD博客-30个魅力小宣传册设计" width="570" height="399" /></p>
<p><img title="UCD博客-小册子设计13" src="http://www.ucdcom.com/Production/UpProductionPic/2010-8-21/2010821164919704.jpg" alt="UCD博客-30个魅力小宣传册设计" width="570" height="371" /></p>
<p><img title="UCD博客-小册子设计15" src="http://www.ucdcom.com/Production/UpProductionPic/2010-8-21/2010821164929883.jpg" alt="UCD博客-30个魅力小宣传册设计" width="570" height="899" /></p>
<p><a href="http://www.ucdcom.com/Blog/post/176.html" target="_blank"><img title="UCD博客-小册子设计16" src="http://www.ucdcom.com/Production/UpProductionPic/2010-8-21/2010821164959148.jpg" alt="UCD博客-30个魅力小宣传册设计" width="570" height="480" /></a></p>
<p><img title="UCD博客-小册子设计17" src="http://www.ucdcom.com/Production/UpProductionPic/2010-8-21/2010821165028885.jpg" alt="UCD博客-30个魅力小宣传册设计" width="570" height="382" /></p>
<p><img title="UCD博客-小册子设计18" src="http://www.ucdcom.com/Production/UpProductionPic/2010-8-21/2010821165048883.jpg" alt="UCD博客-30个魅力小宣传册设计" width="570" height="446" /></p>
<p><img title="UCD博客-小册子设计19" src="http://www.ucdcom.com/Production/UpProductionPic/2010-8-21/2010821165055120.jpg" alt="UCD博客-30个魅力小宣传册设计" width="570" height="425" /></p>
<p><img title="UCD博客-小册子设计20" src="http://www.ucdcom.com/Production/UpProductionPic/2010-8-21/201082116516641.jpg" alt="UCD博客-30个魅力小宣传册设计" width="570" height="760" /></p>
<p><img title="UCD博客-小册子设计21" src="http://www.ucdcom.com/Production/UpProductionPic/2010-8-21/2010821165143101.jpg" alt="UCD博客-30个魅力小宣传册设计" width="570" height="316" /></p>
<p><img title="UCD博客-小册子设计22" src="http://www.ucdcom.com/Production/UpProductionPic/2010-8-21/2010821165157820.jpg" alt="UCD博客-30个魅力小宣传册设计" width="570" height="363" /></p>
<p><img title="UCD博客-小册子设计23" src="http://www.ucdcom.com/Production/UpProductionPic/2010-8-21/201082116527738.jpg" alt="UCD博客-30个魅力小宣传册设计" width="570" height="389" /></p>
<p><a href="http://www.ucdcom.com/Blog/post/176.html" target="_blank"><img title="UCD博客-小册子设计24" src="http://www.ucdcom.com/Production/UpProductionPic/2010-8-21/2010821165224411.jpg" alt="UCD博客-30个魅力小宣传册设计" width="570" height="426" /></a></p>
<p><img title="UCD博客-小册子设计25" src="http://www.ucdcom.com/Production/UpProductionPic/2010-8-21/2010821165252260.jpg" alt="UCD博客-30个魅力小宣传册设计" width="570" height="481" /></p>
<p><img title="UCD博客-小册子设计26" src="http://www.ucdcom.com/Production/UpProductionPic/2010-8-21/2010821165310267.jpg" alt="UCD博客-30个魅力小宣传册设计" width="570" height="428" /></p>
<p><img title="UCD博客-小册子设计27" src="http://www.ucdcom.com/Production/UpProductionPic/2010-8-21/2010821165321587.jpg" alt="UCD博客-30个魅力小宣传册设计" width="570" height="781" /></p>
<p><a href="http://www.ucdcom.com/Blog/post/176.html" target="_blank"><img title="UCD博客-小册子设计28" src="http://www.ucdcom.com/Production/UpProductionPic/2010-8-21/2010821165343351.jpg" alt="UCD博客-30个魅力小宣传册设计" width="570" height="383" /></a></p>
<p><img title="UCD博客-小册子设计29" src="http://www.ucdcom.com/Production/UpProductionPic/2010-8-21/201082116548604.jpg" alt="UCD博客-30个魅力小宣传册设计" width="570" height="408" /></p>
<p><a href="http://www.ucdcom.com/Blog/post/176.html" target="_blank"><img title="UCD博客-小册子设计30" src="http://www.ucdcom.com/Production/UpProductionPic/2010-8-21/2010821165419703.jpg" alt="UCD博客-30个魅力小宣传册设计" width="570" height="382" /></a></p>
<p>原文： <a href="http://www.ucdcom.com/Blog/post/176.html" target="_blank">30个魅力小宣传册设计</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.missage.com/1305.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>《Miami Medical》迈城急救</title>
		<link>http://www.missage.com/1304.html</link>
		<comments>http://www.missage.com/1304.html#comments</comments>
		<pubDate>Sat, 21 Aug 2010 09:10:40 +0000</pubDate>
		<dc:creator>simondai</dc:creator>
				<category><![CDATA[数字娱乐]]></category>
		<category><![CDATA[剧集]]></category>

		<guid isPermaLink="false">http://www.missage.com/?p=1304</guid>
		<description><![CDATA[<p><img src="http://www.boingboing.net/miami-medical.jpg" alt="" /></p>
]]></description>
			<content:encoded><![CDATA[<p><img src="http://image.yyets.com/attachment/201004/8/666620_127073875197wA.jpg" alt="" /></p>
<p>中文名: 迈城急救 第一季<br />
英文名称: Miami Medical Season 1<br />
版本: [YYeTs人人影视原创翻译][中英双语字幕][HR-HDTV][更新第13集][全剧终]<br />
电视台: cbs首播时间: 2010年4月2日<br />
演员: eremy Northam 扮演 Matthew ProctorEva<br />
Lana Parrilla 扮演 Zambrano<br />
Mike Volgel 扮演 Christopher Deleo<br />
Elisabeth Harnois 扮演 Serena Warren地区: 美国<br />
语言: 英语</p>
<p>剧情简介：<br />
《迈城急救》讲述了一组对工作充满了激情的专业外科医生们，他们拥有最好的治疗外伤的设备，凭借自己的本领和不服输的精神把病人从死亡边缘拉回来。身为一家顶级外科手术医院的急救A组成员，他们只接收那些危在旦夕的重症病人。</p>
<p>医生马修·普罗克多是这个外伤急救小组的新成员，之前他曾在海湾战争时期执勤于美国陆军流动外科医院，之后又在一家收入颇丰的私人诊所中工作了一段时间。医生艾瓦·桑布拉诺是一名工作狂，她总是希望自己可以多一些私人时间。医生克里斯托弗·德利奥（戏称C医生）是个花花公子，可他却精通许多高风险的外伤手术，按他自己的话说，天生就是干这个的。医生瑟琳娜·沃伦刚从医学院毕业，在工作中对高压职业有了深刻的体会。护士长塔克·布罗迪则是这支队伍的凝聚力所在，在医院里他一边辅助医生们进行手术，一边宽慰病房外的病人家属。</p>
<p>大家齐心协力，这个小组在“黄金一小时”中拯救病人的能力是在业界是出类拔萃的。医学界把当病人重伤后，生命处在危在旦夕之时的六十分钟称为“黄金一小时”</p>
]]></content:encoded>
			<wfw:commentRss>http://www.missage.com/1304.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>《Le Bosquet》波士基干红葡萄酒2006</title>
		<link>http://www.missage.com/1303.html</link>
		<comments>http://www.missage.com/1303.html#comments</comments>
		<pubDate>Sat, 21 Aug 2010 05:07:08 +0000</pubDate>
		<dc:creator>simondai</dc:creator>
				<category><![CDATA[随笔日记]]></category>
		<category><![CDATA[开瓶]]></category>
		<category><![CDATA[葡萄酒]]></category>

		<guid isPermaLink="false">http://www.missage.com/?p=1303</guid>
		<description><![CDATA[<p><img src="http://www.winenice.com/userfiles/product/img/20090331/center/center_1238490718453.jpg" border="0" alt="Le Bosquet 波士基干红葡萄酒2006（法国VDP级原瓶进口红酒）" /></p>
]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.winenice.com/userfiles/product/img/20090331/big/1238490718453.jpg" alt="" /></p>
<p>酒堡/生产者：波士基<br />
出品：太子酒窖<br />
等级：法国南部瓦克鲁兹地区VDP级别<br />
年份：2006<br />
产地方位：南部瓦克鲁兹地区<br />
葡萄园面积及植株密度：葡萄园占地有五个村子之多<br />
风土条件：粘土硅土<br />
葡萄品种：70%哥海娜（Grenache），30%西拉（Syrah）、佳丽楠（Carignan）、梅鹿辄（Merlot）、神 索（Cinsault）酿造而成<br />
栽培及酿造技术：采摘成串熟透的葡萄果粒, 桶中发酵6到8天，换桶后在温控桶中发酵（27 到30° C之间）。桶中陈酿 6 个月。<br />
预计最佳享用期：适宜在酒年轻时饮用<br />
搭配美食：搭配猪肉、烤肉及地中海地区美食。<br />
酒精度数：13.5%<br />
建议贮藏条件：12~18℃恒温，相对湿度60~70%，避光，防震，无异味。<br />
城堡介绍</p>
<p>太子酒窖（Cellier des Princes）建于1924年，是法国南部有名的教皇新堡产区最大的生产者。葡萄园占地有五个村子之多，可酿酒的葡萄品种有13种以上，主要的品种是歌海纳和西拉。每块葡萄园都经过严格挑选，精心打理照顾。这是就是为什么太子酒窖的产品多样复杂而又保持高质量的原因。太子酒窖一直是这一久负盛名产区的主要酒厂之一。如今，该酒窖联合周围众多的小的葡萄酒农，应用同样的技术和方式在多种多样的土壤上种植葡萄，酿制葡萄酒。太子酒窖的产品一直都是VDP的级别AOC的质量。</p>
<p>总体概述：</p>
<p>波士基干红是太子酒窖（Cellier des Princes）旗下的一款南部瓦克鲁兹地区VDP级别的红酒；由70%哥海娜（Grenache），30%西拉（Syrah）、佳丽楠（Carignan）、梅鹿辄（Merlot）、神 索（Cinsault）酿造而成。太子酒窖（Cellier des Princes）建于1924年，是法国南部有名的教皇新堡产区最大的生产者。葡萄园占地有五个村子之多，可酿酒的葡萄品种有13种以上，主要的品种是歌海纳和西拉。每块葡萄园都经过严格挑选，精心打理照顾。该酒窖一直是这一久负盛名产区的主要酒厂之一，产品一直都是VDP的级别AOC的质量。这款酒柔顺富有果味和芬芳的酒拥有细致的酒精及酸度的平衡感。 适宜在酒年轻时饮用。搭配猪肉、烤肉及地中海地区美食。</p>
<p>购买价格：￥98<br />
购买地点：<a href="http://www.winenice.com/p_1235.shtml">http://www.winenice.com/p_1235.shtml</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.missage.com/1303.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>前端开发大众手册</title>
		<link>http://www.missage.com/1302.html</link>
		<comments>http://www.missage.com/1302.html#comments</comments>
		<pubDate>Wed, 18 Aug 2010 02:37:27 +0000</pubDate>
		<dc:creator>simondai</dc:creator>
				<category><![CDATA[前端设计]]></category>
		<category><![CDATA[web开发]]></category>
		<category><![CDATA[web设计]]></category>
		<category><![CDATA[交互设计]]></category>
		<category><![CDATA[免费资源]]></category>

		<guid isPermaLink="false">http://www.missage.com/?p=1302</guid>
		<description><![CDATA[<p><img src="http://www.narcostyle.com/wp-content/uploads/2010/05/14.jpg" alt="" width="600" /></p>
]]></description>
			<content:encoded><![CDATA[<p><strong>原文地址：<a href="javascript:void(0);/*1237729105777*/">http://www.chencheng.org/blog/2008/10/25/f2e-manual/#f2e-manual-s1</a><br />
</strong></p>
<p><strong>快捷导航：</strong></p>
<ul>
<li><a href="http://snap.oncoding.cn/rebuild/revolution/article200903/19.html#001">在线工具集</a></li>
<li><a href="http://snap.oncoding.cn/rebuild/revolution/article200903/19.html#002">常用Firefox插件</a></li>
<li><a href="http://snap.oncoding.cn/rebuild/revolution/article200903/19.html#003">IE下的调试工具</a></li>
<li><a href="http://snap.oncoding.cn/rebuild/revolution/article200903/19.html#004">参考手册</a></li>
<li><a href="http://snap.oncoding.cn/rebuild/revolution/article200903/19.html#005">批处理工具</a></li>
<li><a href="http://snap.oncoding.cn/rebuild/revolution/article200903/19.html#006">IDE及其他工具</a></li>
<li><a href="http://snap.oncoding.cn/rebuild/revolution/article200903/19.html#007">Bookmarklet</a></li>
<li><a href="http://snap.oncoding.cn/rebuild/revolution/article200903/19.html#008">前端开发者社区及权威网站</a></li>
<li><a href="http://snap.oncoding.cn/rebuild/revolution/article200903/19.html#009">推荐订阅的博客和网站</a></li>
</ul>
<p>另外还搞了个Firefox插件《<a href="https://addons.mozilla.org/zh-CN/firefox/addon/9385" target="_blank"><strong>前端开发工具集</strong></a>》，把资源整合到一个菜单下，方便查询。数据放在线上(Google AppEngine)，速度应该会有保证，更新也会比较方便。</p>
<h3 id="f2e-manual-s1"><a name="001"></a>在线工具集</h3>
<ul>
<li>书籍类：
<ul>
<li><a href="http://book.mvnsearch.org/" target="_blank">Book Shelf 2.0 beta</a> —— 荐，分类很清晰，下载很方便</li>
<li><a href="http://www.bookgo.org/" target="_blank">Book Go!</a></li>
<li><a href="http://www.cnshare.org/" target="_blank">原版图书免费下载链接收集站</a></li>
<li><a href="http://www.51cnnet.net/" target="_blank">51CNNET.NET</a></li>
</ul>
</li>
<li>JavaScript类：
<ul>
<li><a href="http://elfz.laacz.lv/beautify/" target="_blank">Beautify JavaScript</a> —— JavaScript格式化工具，效果很理想</li>
<li><a href="http://code.google.com/apis/ajaxlibs/" target="_blank">AJAX Libraries API</a></li>
<li><a href="http://regexpal.com/" target="_blank">Regex Tester</a></li>
<li><a href="http://dean.edwards.name/packer/" target="_blank">Compressor Packer</a> —— 以前一直用这个压JS，自从有了TBCompressor，就放弃他了</li>
</ul>
</li>
<li>CSS类：
<ul>
<li><a href="http://mootools.net/slickspeed/" target="_blank">CSS选择器性能测试</a></li>
<li><a href="http://www.osxcn.com/csstidy/" target="_blank">CSSTidy</a> —— CSS格式化工具</li>
<li><a href="http://www.cssdrive.com/index.php/main/csscompressor/" target="_blank">CSS Compressor</a> —— CSS压缩</li>
</ul>
</li>
<li>其他：
<ul>
<li><a href="http://www.guidgen.com/" target="_blank">GUID 生成器</a> —— 做某些东西(Firefox插件)时需要唯一资源标志符时用</li>
<li><a href="http://www.w3counter.com/globalstats.php" target="_blank">W3Counter</a></li>
<li><a href="http://webwait.com/" target="_blank">WebWait – Benchmark Your Website</a></li>
</ul>
</li>
</ul>
<h3 id="f2e-manual-s2"><a name="002"></a>常用Firefox插件</h3>
<ul>
<li><a href="https://addons.mozilla.org/zh-CN/firefox/addon/6707" target="_blank">支付宝安全控件</a> 和 <a href="https://addons.mozilla.org/zh-CN/firefox/addon/8625" target="_blank">旺旺协议</a> —— 网购专用，Firefox+浦发网银，无敌了</li>
<li><a href="https://addons.mozilla.org/zh-CN/firefox/addon/1843" target="_blank">Firebug</a> —— 这个不用介绍了吧，附空帏的<a href="http://www.quchao.com/entry/fix-encoding-bug-with-open-with-editor-in-firebug/" target="_blank">外部编辑器乱码修正版</a>
<ul>
<li><a href="https://addons.mozilla.org/zh-CN/firefox/addon/6683" target="_blank">Firecooike</a> —— 支持Cookie的查看和编辑</li>
<li><a href="https://addons.mozilla.org/zh-CN/firefox/addon/7613" target="_blank">Jiffy</a> —— 调试性能的，用起来比较麻烦，没试过</li>
<li><a href="https://addons.mozilla.org/zh-CN/firefox/addon/5369" target="_blank">YSlow</a> —— Why Slow? YUI出品</li>
<li><a href="https://addons.mozilla.org/zh-CN/firefox/addon/7943" target="_blank">Pixel Perfect</a> —— 把设计稿直接拖到Firefox里进行对比</li>
<li><a href="https://addons.mozilla.org/zh-CN/firefox/addon/7575" target="_blank">Rainbow for Firebug</a> —— JS高亮，性能不是很理想</li>
</ul>
</li>
<li><a href="https://addons.mozilla.org/zh-CN/firefox/addon/9373" target="_blank">Fiddler 开关</a> —— 简化在Firefox里切换Fiddler的操作，感谢Taobao UED的空帏同学</li>
<li><a href="https://addons.mozilla.org/zh-CN/firefox/addon/60" target="_blank">Web Developer</a></li>
<li><a href="https://addons.mozilla.org/en-US/firefox/addon/1673" target="_blank">DevBoi</a> —— 把Html, Dom, JavaScript等手册放在侧栏里，可以自定义增加，快捷键Ctrl+F9。可以在<a href="http://www.martincohen.info/products/devboi/packages/" target="_blank">这里</a>找到更多的Package。</li>
<li><a href="https://addons.mozilla.org/zh-CN/firefox/addon/953" target="_blank">RefControl</a> —— 针对每个站点发送想要的HTTP Referer</li>
<li><a href="https://addons.mozilla.org/zh-CN/firefox/addon/748" target="_blank">GreaseMonkey</a> —— 看某个网站不爽，写个小脚本来优化下还是不错的</li>
<li><a href="https://addons.mozilla.org/zh-CN/firefox/addon/6647" target="_blank">HttpFox</a> —— 查看当前Http链接状态，类似IE下的HttpWatch</li>
<li><a href="https://addons.mozilla.org/zh-CN/firefox/addon/59" target="_blank">User Agent Switcher</a> —— 切换User-Agent，同时开发iphone和web版本的时候很方便</li>
<li><a href="https://addons.mozilla.org/zh-CN/firefox/addon/2464" target="_blank">FoxyProxy</a> —— 穿墙工具，配合<a href="http://www.8558.org/" target="_blank">专业代理公布器</a>使用很和谐</li>
</ul>
<h3 id="f2e-manual-s3"><a name="003"></a>IE下的调试工具</h3>
<ul>
<li><a href="http://www.fiddler2.com/" target="_blank">Fiddle2</a> —— 非常强悍的一款http流查看工具，默认支持IE，其他浏览器可以设置将{Document}\Scripts\BrowserPAC.js设为代理进行使用。Firefox下可用上述”Fiddler 开关”进行快速切换。支持<a href="http://www.fiddler2.com/Fiddler2/extensions.asp" target="_blank">插件</a>。</li>
<li><a href="http://www.microsoft.com/downloads/details.aspx?FamilyId=E59C3964-672D-4511-BB3E-2D5E1DB91038&amp;displaylang=en" target="_blank">IE Developer Toolbar</a> —— 查看元素、禁用缓存、禁用CSS\JS、Outline元素、查看生成的源码等功能，IE8自带了一个加强版的。</li>
<li><a href="http://www.microsoft.com/downloads/details.aspx?familyid=2f465be0-94fd-4569-b3c4-dffdf19ccd99&amp;displaylang=en" target="_blank">Microsoft Script Debugger</a> + <a href="http://www.my-debugbar.com/wiki/CompanionJS/HomePage" target="_blank">Companion.JS</a> —— 调试JS用，虽然报错还是有误差，但是我已经满足了。安装顺序是：Microsoft Script Debugger，Companion.JS，在”IE选项-高级”里<strong>取消</strong>禁用脚本调试。</li>
<li>多版本IE共存两种方案：
<ul>
<li>IE7/8 + <a href="http://www.my-debugbar.com/wiki/IETester/HomePage" target="_blank">IE Tester</a> —— 大众型配置，可以基本满足日常需要。</li>
<li>IE6 + <a href="http://finalbuilds.edskes.net/iecollection.htm" target="_blank">Internet Explorer Collection</a> —— 在IE 6用户占绝对优势以及IE 6神奇bug满天飞的时代，我还是推荐这种方案，因为只有神奇的原装IE 6，才能抵挡运营神奇的问题。另外如果还有其他机器可供支配的话，建议再装个IE 8 + IE Tester，因为IE 8下的Developer Toolbar还是有很大改进的，调试起来会方便一些。</li>
</ul>
</li>
<li>以下三个软件相对不重要些：
<ul>
<li><a href="http://www.box.net/shared/i9ipe3nxh2" target="_blank">HttpWatch</a> —— http流查看</li>
<li><a href="http://www.box.net/shared/qtdje57m5d" target="_blank">Instant Source</a> —— 可查看JS生成的源码</li>
<li><a href="http://www.box.net/shared/d361kjx8r8" target="_blank">NetLimiterPro</a> —— 网速限制</li>
</ul>
</li>
</ul>
<h3 id="f2e-manual-s4"><a name="004"></a>参考手册</h3>
<ul>
<li><a href="http://www.box.net/shared/botkpkrscf">XHTML、CSS &amp; DOM W3C 手册</a> —— <a href="http://lifesinger.org/">玉伯</a>整理的版本，包含了W3C手册以及其他有用的资料。</li>
<li>苏昱的<a href="http://assets.chencheng.org/resources/manual/css.chm">CSS中文手册</a>和<a href="http://assets.chencheng.org/resources/manual/dom.chm">Dom中文手册</a></li>
<li><a href="http://assets.chencheng.org/resources/manual/js.chm">JScript语言参考</a></li>
<li><a href="http://assets.chencheng.org/resources/manual/xml.chm">XML指南</a></li>
<li><a href="http://assets.chencheng.org/resources/manual/xmlhttp.chm">XMLHTTP参考手册</a></li>
<li><a href="http://assets.chencheng.org/resources/manual/jquery-126-api.chm">jQuery 1.2.6 API</a>和<a href="http://assets.chencheng.org/resources/manual/jQuery-and-jQuery-UI-Reference-1.2.chm">jQuery and jQuery UI Reference 1.2</a></li>
<li><a href="http://assets.chencheng.org/resources/manual/apache_manual_2.2/index.html">Apache 2.2 中文版参考手册在线版</a></li>
<li><a href="http://www.box.net/shared/dujtrpyf65">MySQL 5.1 参考手册</a> (<a href="http://assets.chencheng.org/resources/manual/mysql-manual-5.1-zh/index.html">在线版</a>)</li>
<li><a href="http://www.box.net/shared/aaif34xiz7">PHP手册</a></li>
<li><a href="http://developer.yahoo.com/yui/docs/assets/cheatsheets.zip">YUI Cheatsheet</a></li>
<li><a href="http://www.petefreitag.com/item/455.cfm">Cheat Sheet Roundup – Over 30 Cheatsheets for developers</a></li>
<li><a href="http://www.box.net/shared/30n9e5z3pf">23个Cheatsheet打包下载</a></li>
</ul>
<h3 id="f2e-manual-s5"><a name="005"></a>批处理工具</h3>
<ul>
<li><a href="http://lifesinger.org/blog/wp-content/uploads/2008/10/TBCompressor_v2.4.zip">TBCompressor</a> —— 淘宝UED的JS/CSS压缩工具，详见<a href="http://lifesinger.org/blog/?p=464">玉伯的介绍</a></li>
<li><a href="http://assets.chencheng.org/resources/bat/pngOptimizer.zip">pngOptimizer</a> —— png优化工具</li>
<li><a href="http://assets.chencheng.org/resources/bat/jpegTran.zip">jpegTran</a> —— jpeg去冗余meta工具</li>
</ul>
<h3 id="f2e-manual-s6"><a name="006"></a>IDE及其他工具</h3>
<ul>
<li><a href="http://www.box.net/shared/utgl7vyl0u">Editplus v301 汉化版</a></li>
<li><a href="http://bbs.iusesvn.com/forum-7-1.html">Tortoise SVN</a></li>
<li><a href="http://www.box.net/shared/lnlr2yjbgj">移动版本的 Apache + PHP</a> —— 灰常灰常好用，灰常灰常移动，见<a href="http://www.gracecode.com/Archive/Display/2235">明城的说明</a></li>
<li>…</li>
</ul>
<h3 id="f2e-manual-s7"><a name="007"></a>Bookmarklet(右键另存)</h3>
<ul>
<li><a href="javascript:var%20firebug=document.createElement('script');firebug.setAttribute('src','http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js');document.body.appendChild(firebug);(function(){if(window.pi&amp;&amp;window.firebug){firebug.init();}else{setTimeout(arguments.callee);}})();void(firebug);">Firebug Lite</a> —— <a href="http://getfirebug.com/lite.html">官方介绍</a></li>
<li><a href="javascript:function%20loadScript(scriptURL)%20{%20var%20scriptElem%20=%20document.createElement('SCRIPT');%20scriptElem.setAttribute('language',%20'JavaScript');%20scriptElem.setAttribute('src',%20scriptURL);%20document.body.appendChild(scriptElem);}loadScript('http://westciv.com/xray/thexray.js');">Xray</a> —— <a href="http://www.westciv.com/xray/index.html">官方介绍</a></li>
<li><a href="javascript:function%20loadScript(scriptURL)%20{%20var%20scriptElem%20=%20document.createElement('SCRIPT');%20scriptElem.setAttribute('language',%20'JavaScript');%20scriptElem.setAttribute('src',%20scriptURL);%20document.body.appendChild(scriptElem);}loadScript('http://westciv.com/mri/theMRI.js');">MRI</a> —— <a href="http://www.westciv.com/mri/">官方介绍</a></li>
<li><a href="javascript:'&lt;xmp&gt;'+%20window.document.documentElement.outerHTML+%20'&lt;/xmp&gt;'">‘+ window.document.documentElement.outerHTML+ ””&gt;查看生成的源码</a>，<a href="javascript:(function(){var%20w=window.open('about:blank');w.document.write('&lt;xmp&gt;'+%20window.document.documentElement.outerHTML+%20'&lt;/xmp&gt;');})()">‘+ window.document.documentElement.outerHTML+ ”);})()”&gt;打开新窗口查看生成的源码 </a>—— for IE</li>
</ul>
<h3 id="f2e-manual-s8"><a name="008"></a>开发者社区及权威网站</h3>
<ul>
<li><a href="http://developer.mozilla.org/En" target="_blank">Mozilla Developer Center (MDC)</a></li>
<li><a href="http://developer.yahoo.com/" target="_blank">YAHOO! Developer Network (YDN)</a></li>
<li><a href="http://dev.opera.com/" target="_blank">Dev.Opera</a></li>
<li><a href="http://developer.apple.com/" target="_blank">Apple Developer Connection</a></li>
<li><a href="http://msdn.microsoft.com/zh-cn/default.aspx" target="_blank">MSDN</a></li>
<li><a href="http://www.ibm.com/developerworks/cn/web/" target="_blank">IBM Developers中国</a> (<a href="http://www.ibm.com/developerworks/cn/web/wa-front/" target="_blank">Web 前端开发技术专题</a>)</li>
<li><a href="http://webkit.org/" target="_blank">WebKit</a></li>
<li><a href="http://dev.aol.com/" target="_blank">AOL Developer Network</a></li>
<li><a href="http://www.slideshare.net/" target="_blank">SlideShare – Share PPT</a> —— 在线PPT分享，资源丰富</li>
<li><a href="http://code.google.com/doctype/" target="_blank">Google Doctype</a> —— Web开发人员的百科全书</li>
<li><a href="http://www.w3.org/" target="_blank">W3C</a> (<a href="http://www.w3c.org.hk/" target="_blank">香港</a>，<a href="http://www.chinaw3c.org/" target="_blank">中国)</a></li>
<li><a href="http://www.positioniseverything.net/" target="_blank">Position Is Everything</a></li>
<li><a href="http://www.htmldog.com/" target="_blank">HTML Dog</a></li>
<li><a href="http://zh.wikipedia.org/wiki/%E9%A6%96%E9%A1%B5" target="_blank">维基百科</a></li>
</ul>
<h3 id="f2e-manual-s9"><a name="009"></a>推荐订阅的博客和网站(排名不分先后)</h3>
<ul>
<li>国外
<ul>
<li>内容聚合：<a href="http://www.alistapart.com/" target="_blank">A List Apart</a>，<a href="http://ajaxian.com/" target="_blank">Ajaxian</a>，<a href="http://www.smashingmagazine.com/" target="_blank">Smashing Magazine</a>，<a href="http://www.456bereastreet.com/" target="_blank">456 berea street</a>，<a href="http://scriptandstyle.com/" target="_blank">Script &amp; Style</a>，<a href="http://www.cssglobe.com/" target="_blank">CSS Globe</a>，<a href="http://css-tricks.com/" target="_blank">CSS-Tricks</a>，<a href="http://www.sitepoint.com/" target="_blank">SitePoint</a></li>
<li>团队Blog：<a href="http://developer.yahoo.com/yui/" target="_blank">Yahoo! User Interface Library (YUI)</a>，<a href="http://blogs.msdn.com/ie/default.aspx" target="_blank">IEBlog</a></li>
<li>个人Blog：<a href="http://ejohn.org/" target="_blank">John Resig</a>，<a href="http://www.quirksmode.org/" target="_blank">PPK: QuirksMode</a>，<a href="http://www.crockford.com/" target="_blank">Douglas Crockford</a>，<a href="http://dean.edwards.name/" target="_blank">Dean Edwards</a>，<a href="http://nate.koechley.com/blog/" target="_blank">Nate Koechley</a>，<a href="http://www.julienlecomte.net/blog/" target="_blank">Julien Lecomte</a>，<a href="http://meyerweb.com/" target="_blank">Eric A. Meyer</a>，<a href="http://www.andybudd.com/" target="_blank">Andy Budd</a>，<a href="http://blog.stevenlevithan.com/" target="_blank">Steven Levithan</a>，<a href="http://blog.hedgerwow.com/" target="_blank">HedgerWow</a></li>
</ul>
</li>
<li>国内
<ul>
<li>内容聚合：<a href="http://www.blueidea.com/" target="_blank">Blueidea</a>，<a href="http://bbs.51js.com/" target="_blank">无忧脚本</a>，<a href="http://www.w3cn.org/" target="_blank">网页设计师(W3CN)</a>，<a href="http://www.ijavascript.cn/" target="_blank">JavaScript教程网</a></li>
<li>团队Blog：<a href="http://ued.taobao.com/" target="_blank">淘宝</a>，<a href="http://ued.koubei.com/" target="_blank">口碑</a>，<a href="http://www.aliued.com/" target="_blank">阿里巴巴国际站</a>，<a href="http://www.aliued.cn/" target="_blank">阿里巴巴中文站</a>，<a href="http://www.f-dev.com/" target="_blank">阿里巴巴中文站前端开发团队(方凳)</a>，<a href="http://ued.alimama.com/" target="_blank">阿里妈妈</a>，<a href="http://ued.alipay.com/" target="_blank">支付宝</a>，<a href="http://www.alisoftued.com/" target="_blank">阿里软件</a>，<a href="http://blog.19lou.com/?uid-10143366" target="_blank">19楼</a>，<a href="http://www.9skyucd.com/" target="_blank">九天音乐</a>，<a href="http://www.kdued.com/" target="_blank">金蝶与友商网</a></li>
<li>个人Blog，这里列出的是原创并更新相对频繁的博客，如有遗漏，请告之(sorrycc#gmail.com)：<a href="http://www.planabc.net/" target="_blank">怿飞</a>，<a href="http://www.gracecode.com/" target="_blank">手气不错</a>，<a href="http://realazy.org/" target="_blank">Realazy</a>，<a href="http://old9.blogsome.com/" target="_blank">old9</a>(需穿墙术)，<a href="http://quchao.com/" target="_blank">沙滩凉鞋(空帏)</a>，<a href="http://lifesinger.org/" target="_blank">射雕(玉伯)</a>，<a href="http://woooh.com/" target="_blank">Aether</a>，<a href="http://andymao.com/andy/">振之</a>，<a href="http://www.aoao.org.cn/" target="_blank">嗷嗷</a>，<a href="http://www.junchenwu.com/" target="_blank">JunChen</a>，<a href="http://yuntian.cnblogs.com/" target="_blank">爆牙齿</a>，<a href="http://dancewithnet.com/" target="_blank">秦歌</a>，<a href="http://blog.360.yahoo.com/blog-sOW1QOA9crUyOdXFxOeK4xc-?cq=1" target="_blank">克军</a>，<a href="http://5key.net/blog/" target="_blank">5key</a>，<a href="http://www.chencheng.org/blog/2008/10/25/f2e-manual/www.linxz.cn" target="_blank">小志</a>，<a href="http://www.htmlcssjs.com/blog/" target="_blank">Rage(正淳)</a>，<a href="http://www.macji.com/" target="_blank">麦鸡</a>，<a href="http://yy.mylovings.net/" target="_blank">云烈</a>，<a href="http://robertmao.com/" target="_blank">老冒</a>，<a href="http://www.tblog.com.cn/" target="_blank">番茄红了</a>，<a href="http://www.joyqi.com/" target="_blank">Joyqi</a>，<a href="http://www.v-sky.com/blog/">卢力</a>，<a href="http://www.cssforest.org/blog/" target="_blank">CSS森林(Ghost)</a>，<a href="http://www.twinsenliang.net/" target="_blank">Twinsen</a>，<a href="http://blog.gulu77.com/" target="_blank">Gulu77</a>，<a href="http://rlog.cn/" target="_blank">Rlog</a>，<a href="http://dlog.org/" target="_blank">Dlog</a>，<a href="http://www.zishu.cn/" target="_blank">子鼠</a>，<a href="http://www.space007.com/" target="_blank">西风坊</a> …</li>
</ul>
</li>
</ul>
<p>原文：<a href="http://www.ued163.com/?p=1515">http://www.ued163.com/?p=1515</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.missage.com/1302.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
