1. 在线简历创建: krop.com ceevee.com innovativeresume.com
2. 事件管理工具: eventbrite.com epicevent.com
3. 电子商务网站创建: shopify.com bigcartle.com
4. 模板寻找: templatic.com
5. 界面小部件工具: ui-patterns.com
6. 测试界面可用性工具: silverbackapp.com www.techsmith.com/morae.asp(貌似都收费的)
7. 作品集生成程序: behance.net carbonmade.com krop.com
8. 建设中的页面: CSSJockey(wordpress.org/extend/plugins/custom-coming-soon-page)
Launchpad(themeshaper.com/wordpress-domain-parking-theme)
9. 对于外发光,它以让开发者疯狂而臭名昭著,如果这些发光效果需要呈现滚动状态或根据使用者的动作而发生改变,就更是让人疯狂,必须慎重考虑光晕效果与周围元素(尤其是使用者与之交互的元素)的相互作用.例如,一旦将运用个外发光设置的按钮放在渐变背景中,就一定要注意以下情况:要么让图像呈现部分透明(这就需要用PNG hack 来解决问题);要么将背景图像作为按钮图像的一部分,这就需要非常精确的定位
10. Yahoo!设计库素材: http://developer.yahoo.com/ypatterns/about/stencils/
11. 显示非网页安全字体: sIFR(www.mikeindustries.com/blog/sifr)
cufon(cufon.shoqolate.com/generate)
Typekit(typekit.com)
前两个是免费网站,第三个是商业网站
12. 透明PNG与老版IE兼容解决办法: www.twinhelix.com/css/iepngfix
13. 将你字体的笔迹生成字体文件: www.yourfonts.com
14. 手绘元素最好只改那些非改不可的,另一个要点是注意重叠部分和没有对齐的地方.如果手绘作品中有些元素超出了边界或互相重叠,这将加重开发人员的工作负担
15. 如果拼贴画与一些容器的边界交叉会出现问题,而采用CSS定位与透明PNG图片想结合的策略可以解决这个问题.
16. 网页安全字体: typetester.com 可以帮你快速理解为何网页安全字体以及为什么字体会受到限制.
17. 如果网站中大量使用字体,特别是主题内容也采用这种风格的话,我强烈建议在设计时使用网页安全字体.也许最可行的解决方案是采用现代网页字体风格与网页安全字体相结合的方法设计网站.
18. 采用纯色风格设计的网站有很快的加载速度,这种风格非常适合电子商务类的动态网站.
19. 如果想找出网站速度慢的原因,可以借助firefox的插件YSlow(developer.yahoo.com/yslow)
20. 出去网站的设计,你所选用的托管主机也会影响网站的加载时间.请谨记这点,特别是当你被廉价托管主机吸引的时候.
21. 事实上,只要使大部分透明效果满足你的需求就可以了,为了让IE能够正常显示,有一两处瑕疵也无伤大雅
22. 如何创建重复图: tutorialblog.org/make-repeating-seamless=tile-backgrounds-with-photoshop
23. 提前把图片重复问题解决掉是一个非常好的做法,能减少开发人员的工作量
24. 如果想让人们以全新的方式浏览你的网页,了解其美妙之处,那么非典型导航方式可能是你的不二选择,另一方面,如果你要搭建的是一个电子商务网站,那么在尝试一些"离经叛道"的方式时一定要慎之又慎,因为你的另类付款系统可能会将一些人拒之门外.
25. 你提出非典型布局设计方案的时候,最好是要看它多么有用,而不是多么新颖
26. 弃用垂直滚动条而以水平的来代替,这听起来似乎很简单,但实际上根本不是这么回事.
27. 如果浏览器不是在你的30英寸超大显示器上全屏显示,你还要考虑以何种方式在浏览器中展现这些内容.
28. 选项卡解决方案: jqueryui.com/tabs
29. jQuery插件库: plugins.jquery.com
30.相对Flash,基于JavaScript的设计方案,使用起来要简单的多,而且低成本高效率.