由于iPod的性能很好，但是屏幕毕竟是有限，看看他们如何各出奇招来应付~

Yahoo

Yahoo的“选卡”用的炉火纯青。保持着简洁的同时保证量的需求。

BBC

AOL

CNN

这个我承认，可能是我人品不好，打不开~:(

Amazon

非常简洁，但是与线上网站的风格又很搭配。

Walmart

Google

不知道那块白是用来干嘛的，也许是可以把ipod Safari的URL输入框撑上去~

iGoogle

精简的同时在细节上依然让人感觉到Google的强大。

Bing

这风格，真潮啊~ 中文站也太简单了点，感觉太不用心了（看没有像Google那样留白，所以浏览器的搜索框不能撑走）。

Apple

也许Apple认为本身网站已经很“Mobile”化了，不需要单独制作了。看，这么小的屏幕依然整齐有序，主次分明~

Microsoft

说实话，刚打开时我真以为打错网址了。的确，现在的Microsoft更像一个B2C或者B2B的网站。

IBM

传说中的“巨人”IBM的网站我觉得非常好，与线上站结合的非常紧密，很用心的优化，还有字体大小的细节。并且这是我看到唯一一个有“BETA”标签的网站。

Godaddy

没事我会去观光一下，GD的iPhone的软件做的挺好把实用的功能都放上了。

中国的网站Tom，QQ，Sina等都还是普通模样，没有对iPod或iPhone的浏览进行优化，只有sohu的网站打开后“与众不同”

不知道为啥，这字怎么这么大，而且还有显示不全… …囧

Kong.net

空中网一直都是手机上网必去的地方，其对手机浏览的优化我觉得也是最好的，看起来很舒服。

由于网页设计与网站开发经常需要与人合作，不论是设计师还是策划还是开发人员他们之间的合作往往非常密切。

我们从设计稿开始入手。

没有绝对的自由

完美的精度1px

网页设计与杂志设计不同在于，网页有更多尺寸上的限制，这点跟报纸排版比较相通。

不能凭感觉就堆放与目测，需要精准到1像素的级别。

而设计师也需要对页面的布局相当的了解，商业网站分割区别一般很多，所以需要尺寸灵活把握，这样才能做出更精准的设计。

千万不要想着让其他人（制作人员）来想这些计算的方法，每个人都多做些事，合作起来才会更愉快。

Grid

而对于大网站来说，网站页面的数量也是非常庞大的，而制作的人相对较多，这样，要保证每位设计师出来的效果都是可以轻松被制作出来，需要一套标准，一套格（Grid）还是需要的。

字体

商业网站，由其是大型商城等网站的设计，由于对流量与加载速度的考虑，会少会图片所以其可用字体其实是非常少的，所以设计师的难度也就无形中的增加了，但是可以根据访问流量与用户所用浏览器系统等，用少量特殊字体，增强视觉效果，但是必须要有备选的方案，保证其他人也能正常的浏览。

更多信息

重要的信息指引是快速制作与开发的根基，所以网页设计也一样，设计师应该把一些基础的标准值都标记出来，比如说边框的颜色、边框的种类、应用的场景等进行标注，这样不仅为开发人员提供了良好的可读性，同时也可以大大提高开发效率。

先有数据，再有设计

现在一般认为先要出设计稿，然后再往里填充数据，其实是这真是大错特错。我们被模板时代给坑害了，更把模板的感念给误解与曲解，认为一切都可以模板化。

而事实是先要进行数据分析，然后再对数据进行可视化，往往连最基本的数据都没有就纸上谈兵，这只会走更多的冤枉路与耗费大家的精力与增加合作之间的摩擦。

只有仔细的对数据进行分析，才会发现，原来还有这么多“特殊”的存在。所以预测数据的精准度，将决定着设计稿（PSD）写实际搞（HTML）的偏差值。

虽然不能做到万无一失，但是知己知彼，百战不殆。

同样可以减少摩擦与挫败感，增强合作的愉悦。

没有简单的事情

当需求人员把东西拿过来，永远不要“小看”这些数据，这里需求人员也要注意。

永远不要说“这个很简单，这样，这样，然后这样就行了”… …

这样的后果就是不断的返工与无休止的争论，即使再小的Banner也有他特殊的地方。

先写这么多，想到再写~~

职场上，想要过的轻松，不想往上爬，那就只能做一辈子的龙套。作龙套的坏处就是：送死你先去，功劳全没有，裁员先考虑。现在的职场绝不是养懒人的地方，你要比别人生存的好，就唯有当主角，让别人去做龙套。你不能踩着别人肩膀，就只能做他人垫背。

2、每个人都要有大志，就算要毁灭世界也可以。

胸怀大志是做主角的首要条件。在职场上，你若没有一个奋斗目标，就不可能进取的往上爬，到最后只能沦为龙套，成为别人的牺牲品。所以不管毁灭世界，还是成为第一首富，你都必须心存志向，以此为目标。

3、别被理想忽悠，理想是需要的，但不是别人的理想，而是你自己的。

当提起大志时，有人会想到企业目标，想到企业文化，想到老板慷慨激昂的演说。忘了那些吧，老板的理想只是老板的，而职场上，你是独立的。要保持清醒头脑，不能被轻易忽悠。不管别人有什么理想，要牢牢记住自己的大志，这才是立命之根本。

4、如果真的没大志，那就为钱奋斗。

每个人都有解甲归田的时候，如果不是为了钱，谁要当这个官呢。所以赚钱是人最主要的追求。职场上很危险的局面，就是老板用理想笼络人，想让人不拿钱白干 活。但真的肯不要钱干活，那你就是没价值的，既然没价值，还有什么存在的必要呢？金钱是唯一衡量你价值的东西。你真的一无所求的话，那就为赚钱而奋斗。

5、你可以不聪明，但不可以不小心。

职场与此一样，你可以不聪明，但不可以不小心。不聪明的人，最多笨拙一些，事情做的差一些。而在职场上，这不是很大的罪过。但不小心就随时会触犯到别人 的利益，犯下得罪人这个职场大忌。到那时，穿小鞋都不晓得是为什么穿的。管牢嘴，能风花雪月的时候就少议论同事，能说人好话时就别说坏话。

6、你说的每句话，老板都会知道。所以要好好想想该说什么，不该说什么。

别奢望你私下说的话老板就听不到。老板能知道一切，这是真理。在职场上完全相同，只要你不是一个人自言自语，就得担心谈话对象会把话传出去。而经验告诉 我们，每一句对公司的议论，最后都会传到老板耳朵里。所以你跟任何人说话时，都要好好想想，该说什么，不该说什么。不该说的绝对不能说，可说可不说的也闭 嘴。

7、偶尔对老板交心是必要的，但要有的放矢。

记住，促膝长谈是种手段，而不是真的让你什么都说。偶尔的交心，说些无关紧要的私己话，能让老板觉着你贴心。而事实上，从没一个上司会对你真的交心。切忌一热泪盈眶，就把心窝子都交出去。被出卖的，永远是交心的那个。

8、不管什么时候，装傻总是最不易犯错。

金庸也曾经说过，他年迈耳背后，该听见的话就能听见，不该听见的话就听不见。当有人要你当面表态站队，要你选择事情的方向，不管你怎么选都是错的。那么 装傻就是最好的选择，这是没选择时最不易犯错的方法。别担心装傻的样子很拙劣，即使每个人都看出你在装傻，可他们依旧拿你没办法。真正倒霉的是那些明确表 态的人，有这些龙套牺牲，怎么也轮不到你。

9、把自己当成最聪明的人，往往是最笨的。

在职场上，总把自己当最聪明的人，一定是做龙套的命。真正聪明的高手，是大智若愚，该精明时精明，不该精明时装傻。

10、一定要有靠山，但比靠山还可靠的，是让自己有价值。

所以在职场中，和上司们搞好关系是一门必须的功课，为自己找好靠山很重要。而比此更重要的，是让自己有足够的价值，以致于每个上司都必须拉拢你。

11、你是上司的人，上司却不一定是你的人，这层意思一定要明白。

当一个上司对你说，你是他的人时，心里一定要清楚，上司并不是你的人。你是他的，他是他自己的。当你的事情与上司的利益有冲突时，他们会毫不犹豫的出卖你。无论何时都要记住，你是你自己的，只有你才能对自己负责。别相信上司故作亲近的话，那随时都会是陷阱。

12、上司说他对你很放心，事实可能正好相反。

如果上司真的对你放心，他根本不用经常提及。真正的信任，是通过行动表现的。当上司愿意把害人的事情，把职场斗争的事情和你一起做，那才是信任的表现。而上司口头说对你放心，则反而要当心了，很可能你做了什么，让上司产生你不忠的怀疑。

13、站在上司立场上想问题，站在自己立场上办事情。

当上司相信你，让你做一些事情时，心里必须要有本帐，别傻兮兮的什么都做。你要站在上司立场上去考虑问题，了解上司为什么要做，能达到什么目的。然后再 以自己的立场抉择，有些做，有些推脱。就算是象余则成这样看似对站长忠心耿耿的人，也不是什么都会做的。选择符合自己利益的事情去做，不符合利益的想法推 搪。用做了的事情取悦上司，而不做的事情则让上司知道，你已经完全尽力了。

14、上司突然垮台，不要惊慌，独自完成任务，然后借此再找到新的靠山。

在职场里，经常发生上司突然垮台的事情。如果你不幸遇见，千万别惊慌，独自完成手上的工作，而且要做的漂亮精彩。而这就是你将来安身立命的资本，你可以借此找到新的靠山。还是那句话，必须要让自己有价值，这比有人罩着你还重要。

15、做事做的好，干活干到老。

“做事做的好，干活干到老”和“让自己有价值”这两句话间并没有矛盾。价值是体现在关键处，是一个至关重要的地方才要突然爆发的。而无关痛痒时，尤其是 做些没功劳只有苦劳的活，别做太好。永远干得好，就会一直干下去。若让人觉得，你只有做庸碌工作的才能，就算干到累死，你也没有爬上去的那一天。

16、一定要有缺点。

在职场，一定要有缺点，一个完美而毫无缺点的人，会遭人嫉恨，会被人敬而远之。如果连上司都对你敬而远之，那职场之路就危险了。所以聪明人会故意暴露些 缺点，尤其是无关痛痒的缺点，让上司以为他能拿捏住你，那才是最安全的境地。但缺点绝不可致命，却不能是你真正的短处，只可以是风花雪月时谈起的余兴节 目，和人套近乎有余，想以此要挟则没门。

17、高你半级的人，往往是最危险的，同级的是天然敌人。

如果已经有一 官半职，那对这句一定感同身受。因为高你半级的人会有危机感，怕你随时都可能与他们平起平坐，所以有机会他们就会打击你。而不管高半级还是一级，都是上 司，他们给你穿小鞋就危险万分了。而同级的人是必然的敌人，只要你们的上司不是傻瓜，就一定会挑拨手下争斗。

18、十句里要有九句真话，这样说一句假话才有人信。

职场中，九真一假也是最佳法则。一个满嘴跑火车的人是得不到上司信任的，只有忠心耿耿，几乎不说谎的人，才能够在最关键的时刻骗到所有人。你要当老实 人，老实人才能取信于人，没有别人的信任就没有关键时的谎言。说谎只需要在最最关键的时刻，能少说一句就少说一句。狼来了的故事，大家都应该听过。

19、把每个慌话都当成性命攸关，这样说谎就不会内疚。

职场上很关键的难关，就是怎么过自己心理关口。有些人天生不会说谎，一说谎就内疚。这时候，就需要想起你的大志了。当一个人有志向，有理想，有信仰的时 候，他就可以做任何事情。余则成为了完成任务说过谎，杀过人，也做过很多坏事。这完全因为他有信仰在支撑，所以并不会内疚。而你也要记住，每个谎言都可能 是性命攸关，如果过不了自己的心，就可能实现不了自己的理想。如果这么想了，你还会内疚么？

20、每个人都站在恶的那一面，因为各人有各人的善。

最后讲一句关于理想的道理。每个人都有自己的理想，而有利于自己理想的则是善，不利于别人理想的则是恶。因人们各有各的立场，有不同的需求。所以在别人 眼里，你必然站在恶的那面。你永远都是自己的善，别人的恶。但怎么样才是真正的大善，怎么样才是大恶呢？为实现理想说一句谎，这是恶，但不是大恶。而如果 你的理想是毁灭世界，那才是大恶。譬如你以事业红火，同事幸福为理想，那么就算为这个理想做了坏事，也不过小恶。行大善而为小恶，历来被圣人们不齿。可圣 人自己也这么做。如此的圣人可以从孔子、孟子、王阳明一直排到更近更近。儒教里有知行合一的法门，就是要你明白，只要理想大善，便可无所不为。然而，你必 须真的确信自己的志向是善的。

截取部分翻译，图片来源http://css-tricks.com/

原文地址：px – em – % – pt – keyword

Keyword

大部分浏览器支持的关键字有：

smaller, xx-small, x-small, small, medium, large, larger, x-large, xx-large

大部分浏览器对这些关键字解析都差不多，并且有继承性。

虽然看起来差不多，但是在断行（line break）处还与整个段落的高度上还存在着差异。

px

更精准的控制，把字体设置为px可以让浏览器精准的渲染其高度。

虽说可以说更精确的渲染，但是在不同浏览器下依然会有差异

px不具有继承性

px在过去被认为是在可用性与可访问性非常友好。在IE6（以下），字体被设置为px后不能够被用户缩放。

em

em也许是最难理解的，因为他的概念比较抽象。

一般来说：1em是等于当前字体大小。如果没有设置字体大小，而使用浏览器默认（16px），那么1em=16px。如果你在body上设置字体大小为20px，那么1em=20px。

IE5-7 em font-resizing bug

%

与em相似，具有继承性。

一个比较流行的方法是给body一个合理的font-size性比如说：small。然后对其他元素用%。可以用这个方法还做一个局部字体放大与缩小的功能。

pt

Point Values are only for print CSS!

72pts=1inch(英寸)，1inch=真实世界的1英寸，不是你显示器的1英寸。

并且在不同的浏览器下pt所显示的并不相同。

今天接到一个问题一个Table在其他浏览器里面正常而在Chrome下出现问题。

测试浏览器为

Chrome 5.0.342.8beta

Firefox 3.6.8

IE6/8

Opera 10.51

一般情况下，只要border属性小于1px时，浏览器都会自动为其校正为1px。

Firefox 3.6.8下0.009px以下都认为是0

Chrome 5.0.3在0.6px以下都认为是0

这个算法是如何的，希望哪位明白的大虾讲解一下~

GMC全球巡展2010上海世博站，其中GMC在WTCA馆内有展示区。

这些是为了配合这次巡展而设计的宣传页面，由Jun设计。

Google Tasks是集成在Gmail里的一个小工具，简单易用。不过如果能放到桌面上来，也是挺方便的一件事。

首先需要安装Google Desktop

然后添加小控件

在搜索框里打入：http://www.google.com/ig/modules/tasks.xml进行搜索

便会出现一个Tasks的小控件

添加完成后，在桌面就会出现这样一个小控件（当然你要有一个Google帐户才行）

:) Enjoy it~

经过Beta之后，又与经过无数次的迭代与反馈后，将整体定为以宣传为主的形象站，所以可以看到整体网站三分之一而且是最醒目的区域做成了“广告”。这些都是在公司发展的前提下进行不断的调整。

在B2B行业，这个设计真是非常大胆，是一种尝试，效果如何要看反馈了。

设计就是一种尝试，如果连这种尝试都不敢去做，而是死板的千篇一律的抄袭，那真是一种痛苦，而这种尝试又要承受多少压力这点也只有尝试的人知道。

也许我们输不起，但是如果输不起又何来赢得起呢？

态度决定着一切，当然前提是要有能让你发挥的平台，还要有一个敢于挑战风险与投资的老板，哈哈。

设计之初以功能为主，将丰富的信息与资讯呈现在有限的空间内。

按权重的布局，合理化信息排序，当然这一切都不是空穴来风要与公司整体发展紧密联合。

Javascript和swf在网页中交互一般可有以下几种情况：

1.swf和这些调用的javascript在同域

2.swf和这些调用的javascript在不同域，比如加载远程的swf然后call别地方的服务

对于swf跨域call服务的问题，可同过crossdomain.xml配置解决。

但对于加载远程的swf，默认情况下，根本不能将里面的方法成功注册为向javascript公开的方法，一般会报此类错误：

a) SecurityError: Error #2060: 安全沙箱冲突:ExternalInterface ,调用者 remote.com/test.swf(所加载的远程swf) 不能访问 127.0.0.1(本机的一个服务)

at flash.external::ExternalInterface$/_initJS()
at flash.external::ExternalInterface$/addCallback()

…

b) 错误： uncaught exception: Error calling method on NPObject! [plugin exception: Error in Actionscript. Use a try/catch block to find error.]

解决办法

对于a错误，是因为远程的swf加载到本地后没有权限去访问当前html文档，对于这个我们只需要在输出swf的时候设置 allowScriptAccess 属性，一般设置为always.即可解决。

对于b错误，是因为默认actionscript中不允许向将方法注册到不同域的 html文档中， 对于这个我们只需要在as中加一下代码即可解决：

import flash.system.Security;

Security.allowDomain(“*”);
Security.allowInsecureDomain(“*”);