可咔酷

CSS3开发工具收集整理

直觉 — Wed, 01 Sep 2010 16:44:59 +0800

通常来说，CSS非常简单。但是当浏览器厂商开始实现CSS3特性，问题开始变得有些复杂了。不难，只是有些复杂。这可能包括两个方面：首先有些心得CSS3属性(比如，transition、渐变、transform等)不是那么简单，其次我们不得不使用浏览器厂商指定扩展。直到你最喜欢用的IDE原生支持CSS3，你最好的伙伴将是CSS3生成器、手册、参考指南以及基于JS的方案。这正是本文要推荐的，这里将收集能够助你学习和使用CSS3的真正有用的工具。生成器 CSS3 Please!跨浏览器的CSS规则生成器，支持：border-radius、box-shadow、渐变(线性)、rgba色彩、transform (旋转)、transition和@font-face。 CSS3 生成器支持border radius、box shadow、text shadow、RGBA、@font-face、多列、box resize、box sizing 和outline. CSS3 Sandbox有一些列的CSS3生成器：线性渐变、放射渐变、文字阴影、盒阴影、Transforms和文字描边。 @font-face生成器来自于Font Squirrel的很好用的CSS3 @font-face 生成器。 CSS3渐变生成器为Firefox和Webkit浏览器生成线性渐变。 CSS 圆角生成用于Firefox、Webkit和标准CSS3语法的“border-radius”属性。 Webkit CSS3 生成器简单的助你理解Webkit引入的CSS3特性。 CSS3 学习工具动态为你的浏览器获取私有前缀并检测该属性是否被它支持。 JavaScript方案 Modernizr一个确实很有用的JavaScript库，可以检测HTML5/CSS3的原生支持，并为你提供一种维护良好控制级别的方法，不管浏览器的能力。如果你更喜欢使用MooTools，你可以使用MooModernizr (MooTools 版本的Modernizr) Sizzle – JavaScript 选择器库一个纯Javascript选择器引擎，被设计用来方便的插入到一个主库中。Sizzle 实际上支持所有的CSS3 选择器——它甚至包括一些很不常用的选择器，比如忽略选择器(escaped selectors )(”.foo\\+bar”)、Unicode 选择器、以及在document序列中返回的结果。这也是jQuery使用的选择器引擎。 YUI 选择器组件YUI CSS3 选择器组件，提供一个收集、过滤和测试HTML元素的稳定的简写方法。 ie7-js一个让IE拥有兼容标准的浏览器一样的行为的JavaScript库。 CSS3伪类选择器模拟ie-css3.js 可使Internet Explorer识别CSS3 伪类选择器并渲染任何使用它们定义的样式规则。简单滴在你的页面中引入这个脚本，然后在你的样式表中使用这些伪类选择器，然后IE就可以使用了。参考指南 CSS 3.0参考手册腾讯ISD WebTeam制作的一个CHM格式的参考手册，很全面，介绍+实例，推荐下载收藏； [...]

高效整洁的CSS代码原则

直觉 — Wed, 01 Sep 2010 15:41:18 +0800

CSS学起来并不难，但在大型项目中，就变得难以管理，特别是不同的人在CSS书写风格上稍有不同，团队上就更加难以沟通，为此总结了一些如何实现高效整洁的CSS代码原则： 1. 使用Reset但并非全局Reset 不同浏览器元素的默认属性有所不同，使用Reset可重置浏览器元素的一些默认属性，以达到浏览器的兼容。但需要注意的是，请不要使用全局Reset： *{ margin:0; padding:0; } 这不仅仅因为它是缓慢和低效率的方法，而且还会导致一些不必要的元素也重置了外边距和内边距。在此建议参考YUI Reset和Eric Meyer的做法。我跟Eric Meyer的观点相同，Reset并不是一成不变的，具体还需要根据项目的不同需求做适当的修改，以达到浏览器的兼容和操作上的便利性。我使用的Reset如下: /** 清除内外边距 **/ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ pre, /* text formatting elements 文本格式元素 */ form, fieldset, legend, button, input, textarea, /* [...]

戴志康揭秘出售始末：两小时拿到“企鹅号船票”

直觉 — Wed, 01 Sep 2010 13:29:47 +0800

8月27日晚，康盛创想CEO戴志康、副总裁李明顺做客由Donews主办的5g白话沙龙活动，在被腾讯收购之后首次公开亮相，诉说备受关注的收购细节，并称乐意同腾讯一起去探索未来更多的可能性。以下为本次Donews对话戴志康、李明顺实录：康盛被收购绝对不是基于生存压力问：腾讯这次对康盛的收购形式是怎样的？戴志康：腾讯这次对我们是百分之百的收购，双方还是独立的。之前有人传言我会去腾讯当VP，但我真正去关注之后，发现腾讯里的VP都是很牛的，我能力不够。现在我们康盛还是董事会做决策，原来是五个董事，现在是三个，我一个，还有两位来自腾讯。问：在收购之前康盛创想估价多少？戴志康：康盛不是一棵白菜，最便宜的时候两块钱一棵，最贵的时候三块钱一棵。这个东西是对价值的认可，估价的标准，既不是按利润估，也不是按其他的标准。问：这次收购的具体金额到底是多少？戴志康：金额是一个很敏感的东西。腾讯关于收购的规定是：收购的市值、金额、员工超过百分之五才会发布公告，康盛哪一条都不达标。问：之前您谈到过康盛规模做的很大，但中国用户的付费比例确实很低，所以你们也有营收方面的压力，那么这次收购你们是基于生存的压力还是其他？戴志康：那肯定不是基于生存。我们去年的收入6000万，今年上半年收入4000万。现在康盛200多人，肯定是盈利的。但回过头来说，钱赚的很辛苦。做大客户，我们要跑现场，进行调试啊等等。做到一亿也可以做，如果不收购今年可以接近一亿，明年会超过。但回过头反省，我们这么累积累的一方面是用户，其他的就只是一个态势，因此被收购肯定不是基于生存的压力，而是考虑未来的发展之后，有了收购的事件。被收购之后不再有盈利上的压力。问：那么被收购之后，就没有盈利上的压力了吗？戴志康：基本上没有了。问：腾讯对你们的要求就是把产品做好就行了？戴志康：对，基本就是这样，但至于产品什么样才叫好，还是会有很多标准的。其实我们还是做产品的团队，做营销不是特别擅长。之前，我们对于产品未来的发展也有过很多的疑惑。在05年底写商业计划的时候，想做一个统一的通行证系统，有这个系统之后就可以打通整个 discuz！系统，打通了之后就可以建立联邦制的社区群体，我们为它提供更好的基础服务。比如某个村的社区系统，我们可以帮它去更好地实现城镇化，实现生态链的系统。当时写商业计划的时候，我们自己很自信，投资人也很相信，我们开始了一个漫长的征途。但试了很多方案之后，没有完成这个计划。在过去，我们也做了很多事情，发展孕育了很多网站，但我们失败的地方在于没有实现当初的商业模式构想，但不代表它是不能够存在的，或者它就是不对的。实现商业模式的前提是，要引入事实上的标准或资源。对我们刺激比较大的是，在facebook connect和facebook open graft上线之后，我们觉得这个事情我们八百年前我们就想了，我们开发了两个版本一直都没有上线。但有一个很重要的原因是，我们发现顺序好像错了。就是说，当你想要去做这样一件事情的时候，你首先要有一个facebook的平台，上面有很多用户，它有信息枢纽的作用，然后你才有可能去做后面的open graft和socical perform。如果你先做的是后面的事情，可能会说前面的事情没办法在后端的积累之后完全形成出来。所以说谈收购，我们更愿意说成是一种合作。实际上去年年底，在谈能不能把QQ开放出来，我们就可以实现目标。谈了之后，就谈变味了。后来我们再衡量，我们是作为公司的大股东重要，还是把这个业务做好重要。后来我们还是觉得后者更重要。我和李明顺觉得要把一件事情做好很难，眼前是把这个事情做的更好的机会，包括保持对公司的控股权的机会，整个过程我们还是有很多思辨和犹豫，我们还是倾向于把产品做的更好。谈判两小时敲定核心价值在于团队问：是否会和腾讯产品打通？戴志康：和腾讯产品是否打通，要看用户的选择。我们会有好的产品提供给用户。用户会有自己的判断和抉择。最后会结合用户的价值观和我们的愿望去做。我们的愿望是先拿好的东西出来。不拿干货出来，是没有吸引力的。那什么事干货，就是腾讯有其他公司没有的，比如说QQ账号、QQ群等等。问：腾讯一直在利用QQ群，想把用户拉到它的论坛里面去，但是也没有什么成效。这会是腾讯看重的一个环节吗，之后会把你们的discuz!拉到里面去用吗？戴志康：要打通QQ账号和discuz！，像盗号安全这些问题不解决，之后很多事情就是很难的，实际中的障碍很多，大家也不要抱很大的希望值，但我们在努力。群那边我们进入的时间还不长，群那边的人我们都还不太认识。我也不知道他们怎么想。之前腾讯在Q吧里也投入了很大的资源，但Q吧也没太做起来。核心是还是要有站长去经营、维护和栽培它。问：意思是之前你们谈的更多的是资本层面的东西，还没有太多的涉及到产品层面？戴志康：之前谈的大多是理念，产品细节上还没有。问：收购的消息传了很久，李明顺一直也没有对外透露，是不是因为当时你们对于被收购与否还比较纠结？李明顺：关于否定的问题，事实上是6月有人打电话问我康盛是不是被腾讯收购了，我说是不可能的事情，后来网上就开始有传言。那时候确实没有被收购，那时候谈了还没敲定。而且这些东西，有很多变数。其实大家经常的交谈接洽一下，也是很正常的。问：之后域名都改变了，为什么还是不愿意说？戴志康：关于收购的事情，不是不愿意说，但上市公司是有很多披露的条件限制。我们做过融资案没有做过并购案，并购案是很复杂的。如果中间有一个时间点没配合好，就会出现pr事件。不管是什么结论，必须要签字了才能确定，事实是6、7月都没有签字，8月才签字。你要说纠结，已经不是现在了，谈之前也有过纠结，但现在已经没有了。问：你们谈判的一个关键点是什么？理念还是其他？戴志康：理念还是出于对团队的认可，实际上两个小时就敲定了，过程并不复杂。问：也有很多传言说，你们的投资商包括红杉等，对这次的收购推动比较大？戴志康：投资人对我们的要求比较宽松，红杉也没有这种退出的压力和要求。当然公司对收入的预期是越来越高的。红杉还是比较支持这一次的收购，他们是我们合作过的最好的伙伴，不管是对我们管理上还是资本上的帮助，都是很好的。红杉投资我们的时候是06年，投的钱不多，05年时才募集了这笔资金，这笔资金是10年的周期，到2015年才会到期，所以他们没有赎回的压力，没有急着要退出的压力。晨兴投的是家族基金，也没有退出的压力。任何一个并购，其实如果创业者不想做的话，VC是不太可能替创业者做这个决定的。虽然有这种条款是VC可以直接做出卖的决定，但你创业者去跟买家说，你买了我明天就辞职，那就没人敢买了。周鸿祎一开始确实很纠结，后来很支持。对他来说，是有回报的，但对他来说钱是小事。他会很在乎将来我们会不会跑到我的对立面去，但周鸿祎还是很开明的，最后还是很尊重团队的意见，而且还出了很多主意。问：百度和阿里有找过康盛吗？李明顺：互联网圈子很小，之前我们和很多公司合作过。没有谈过的很少，谈过合作的很多。戴志康：这不是腾讯第一次找我们，07年就找过我们。李明顺：在关键的时间，有缘分，就成就了这一次合作。问：在跟腾讯谈的时候，你最大的砝码是什么？戴志康：叫砝码这个词不是很合适，我觉得我们最大的价值点是：理解这个行业，理解这个市场，这个理解是基于7、8年甚至十年的经验之上。而且我们的团队很想做一番事业，包括之前没有实现我们的商业计划，我们还是很惭愧的。我不见得是说对不起当初的投资人，我会觉得对不起自己。问：搜搜形成的广告联盟，会不会动摇百度、阿里、谷歌形成的广告联盟？戴志康：广告联盟这个市场，是忠诚度较低的一个市场，如果搜搜有广告联盟，我们也只是推荐，discuz！和搜搜没有一个绑定关系，只有一个推荐关系，比如使用MSN就推荐hotmail的邮箱。联盟和社区之间有比较强的关系，但问题还是看你的cpm、cpc是不是比谷歌高。长期来看，对于站长这个领域，三家公司是很重视的。淘宝和百度两者架构不完全一样，一个是cps一个是cpc，百度和谷歌比较像，但谷歌退出了。腾讯出来的搜搜联盟形式上是和百度相像的。 [...]

CSS透明大汇总

直觉 — Tue, 31 Aug 2010 15:52:49 +0800

近年来，CSS不透明算得上是一种相当流行的技术，但在跨浏览器支持上，对于开发者来说，可以说是一件令人头疼的事情。目前还没有一个通用方法，以确保透明度设置可以在目前使用的所有浏览器上有效。这篇汇总主要是提供一些CSS不透明的详细介绍，代码示例和解释，以实现这项有用的CSS技术在您的项目中兼容所有浏览器。关于CSS 透明度，有一点需要注意的是，它虽然使用了很多年，但它一直以来都不是一个标准属性。它是一种非标准技术，应该是CSS3规范的一部分。 1. 旧的Opacity设置以下代码是Firefox和Safari旧版本所需的透明度设置: #myElement {-khtml-opacity: .5; -moz-opacity: 0.5;} -khtml-opacity设置是针对旧版本的Webkit渲染引擎，这种专用属性现在已经过时了，除非你还有需要兼容Safari 1.x.的用户。第二行使用专用属性 -moz-opacity是为了兼容Mozilla渲染引擎的早期版本，以及追溯到Netscape Navigator。Firefox 0.9以后就不要求使用-moz-opacity属性，Firefox 3.5（现在使用Gecko引擎）已经不在支持这个属性。 2. 在Firefox, Safari, Chrome和Opera下的CSS透明度以下代码是除了IE外的所有当前浏览器的最简单，最最新的不透明度设置的CSS语法： #myElement {opacity: .7;} 上述语法将设置一个元素为70％不透明（或30%透明）。设置opacity:1将使元素不透明，而设置opacity:0将使得元素完全不可见。你只要记住“opacity”等同于“不透明”就很容易记住了，opacity值越小就越接近透明。 opacity属性可以精确地小数点后两位，所以值取“.01”和“.02”实际上是不同的，虽然可见度很难被发觉。一般情况下，精确到一位就可以了，取值如“.3”或“.7”。 3. IE下的CSS透明度 IE下照旧有别于其他浏览器，并且目前也有三个不同版本的IE在广泛使用，透明度设置是不同的，有时需要额外的CSS来控制： #myElement {filter: alpha(opacity=40);} 上面的CSS使用专用的filter属性来设置IE6-8透明度。对于IE6和IE7需要注意：为了使得透明设置生效，元素必须是“有布局”。一个元素可以通过使用一些CSS属性来使其被布局，有如width 和 position。关于微软专有的hasLayout属性详情，以及如何触发它，参考这里。另外一个设置IE8的CSS透明度的方法语法如下（注意注释中指出的版本）： #myElement{filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);/* 第一行在IE6, IE7和IE8下有效 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=40)"; /*第二行仅在IE8下有效 */} 第一行代码针对当前所有IE版本，第二行仅针对IE8。注意两行代码的不同之处：在第二行代码中，在filter属性前跟着-ms-前缀，并且属性值有加引号，这些都是语法所必须的。说实在，有了如前一个例子中用alpha(opacity=40)的语法来作用于任何版本的IE下的任何有布局的元素之后，我也不确定是否还有必要用“progid”的方法。 4. 使用JavaScript设置和改变CSS透明度 [...]

页面性能优化小工具——Yslow简介

直觉 — Mon, 30 Aug 2010 15:47:59 +0800

目录 Make fewer HTTP requests / 减少Http请求数 Use a CDN / 使用CDN Add an Expires header / 为文件头指定Expires Gzip components / 启用Gzip压缩 Put CSS at the top / 将Css文件放在头部 Put JS at the bottom / 将Js文件放在底部 Avoid CSS expressions / 避免CSS expressions Make JS and CSS external / 将Js和Css文件独立 Reduce DNS lookups / 减少DNS查询 Minify [...]

HTML5新标签及其用法描述

直觉 — Mon, 30 Aug 2010 13:34:49 +0800

2000 年底，国际 W3C 织组织公布发行了 XHTML 1.0 版本，到现在已经有 10 年了。这 10 年里， Web 飞速发展，XHTML 1.0 显得“力不从心”，已经跟不上时代的发展了，于是 HTML 5 孕育而生。W3C 在 2010 年 1 月 22 日发布了最新的 HTML 5 工作草案。和以前的版本不同，HTML 5 并非仅仅用来表示 Web 内容，它的使命是将 Web 带入一个成熟的应用平台，在这个平台上，视频，音频，图象，动画，以及同电脑的交互都被标准化。尽管 HTML 5 的实现还有很长的路要走，但 HTML 5 正在改变 Web。 HTML 5 作为新一代的超文本标记语言，增加了许多标签。这些标签不但更有语义，而且功能强大。具体有以下标签：标签描述 <article> 定义外部的内容。比如来自一个外部的新闻提供者的一篇新的文章，或者来自 blog 的文本，或者是来自论坛的文本。亦或是来自其他外部源内容。 <aside> 定义页面内容之外的内容，但应该与页面内容相关 <audio> 定义声音，比如音乐或其他音频流 <canvas> [...]

10个提供无缝背景素材下载的网站

直觉 — Thu, 26 Aug 2010 10:59:24 +0800

日常工作中会有很多做图的需求，刚来时感觉无从下手，现在做的多了也算小有心得。做图要抓住3个要点：背景、人物和文字，三者确定了图片的基本框架，也奠定了图片的好坏程度。背景在一张图中所占面积是最大的，虽然在最底层，但对图片的整体风格起到了至关重要的烘托作用。最近在做图片帖的小专题时会遇到如下问题，找到了一个合适的背景，出来的整体效果图只能留出一定数量的图片位。但因为需求方在编辑时，图片的数量是不定的，前端设计师在切割时就要将背景进行裁剪和再复制，这样就无法使用那些上下关联变化性很强的背景，否则最后切出来的专题就会是一块块重复但不连续的图片显得很突兀。这里就会纠结上了：哪里去找好看但又不怕重复的背景呢？这里，就引出了一个概念：无缝背景。所谓无缝背景，就是指重复平铺后，没有缝隙，依然浑然一体的图案。可以在很多网站上看到，设计师们应用了非常漂亮的无缝背景图案。背景图案的应用可以让平凡的设计作品拥有更多的个性化和趣味性。图案不仅仅可以应用在网页设计中，服装设计包装设计等等都可以有所借鉴。这里，我收集了10个可以下载到免费无缝图案背景的优秀网站，并选取了其中2个做简单介绍，希望大家会喜欢。 1.) Pattern 8 http://pattern8.com/ 这个网站是我平时最常用的，里面的图案还是比较多的，能满足各种风格背景的需要。此网站的亮点在于右上角的一条颜色块，设计师可以根据自己所需背景的色调直接搜索相关的图案，方便快捷，省了不少时间。 2.) Bg Patterns http://www.bgpatterns.com/ 这个网站在特定的情况下也有它的妙用。其亮点在于该网站上的无缝图案都是进过设计师自己手动调试制作出来的，你可以变换不同的颜色、质地、图案和角度，搭配出最适合你的元素。接下来再分享几个能提供免费无缝图案背景下载的优秀网站，大家都可以逛逛看，肯定有收获。 3.) Huge Magazine http://www.hugemagazine.com/patterns/ 4.) Din Pattern http://www.dinpattern.com/ 5.) COLOURlovers http://zh-cn.colourlovers.com/patterns/new 6.) Shizoo Design http://shizoo-design.de/patterns.php 7.) PixelDécor http://www.pixeldecor.com/patterns.shtml 8.) Patterrific http://patterrific.com/category/patterns/ 9.) AVA 7 http://patterns.ava7.com/ 10.) Squid Fingers http://www.squidfingers.com/patterns/ 随机日志CSS基础教程: 2.CSS 选择器、属性、值 (0)本站PJBLOG皮肤提供下载（仿校内蓝色版） (0)上班族的十句职场不败经典名言 (0)6款免费的图标编辑器 (1)动网8.0去掉"国内使用量最大的动网论坛" (0)圣诞节免费QQ秀发送–免费领取圣诞树QQ秀 (0)QQ2009 Preview 2 Trial 再次更新 (0)地震无情，我们有爱！让我们与震区灾民守望相助！ (0)学习CSS的10大理由 (0)页面性能优化小工具——Yslow简介 (1)

position:fixed在IE6下的BUG解决方案

直觉 — Fri, 20 Aug 2010 14:26:17 +0800

众所周知IE6不支持position:fixed，这个bug与IE6的双倍margin和不支持PNG透明等bug一样臭名昭著。前些天我做自己的博客模板的时候，遇到了这个问题。当时就简单的无视了IE6——尽管有几个使用IE6的朋友，一起BS我……但是对于大项目或商业网站，如果有用到这个属性的时候，是不可能直接无视的。你是如何让position:fixed在IE6中工作的？本文所使用的技巧是用了一条Internet Explorer的CSS表达式(expression)。你不可以直接使用该表达式，因为它可能会因为缓存而不更新。解决这一点的最简单的方式是使用eval包裹你的语句。如何解决“振动”的问题？显然IE有一个多步的渲染进程。当你滚动或调整你的浏览器大小的时候，它将重置所有内容并重画页面，这个时候它就会重新处理css表达式。这会引起一个丑陋的“振动”bug，在此处固定位置的元素需要调整以跟上你的(页面的)滚动，于是就会“跳动”。解决此问题的技巧就是使用background-attachment:fixed为body或html元素添加一个background-image。这就会强制页面在重画之前先处理CSS。因为是在重画之前处理CSS，它也就会同样在重画之前首先处理你的CSS表达式。这将让你实现完美的平滑的固定位置元素！这个方案并不是我提供的。我是在网上的某个地方读到这些的。如果你知道是谁原创了这个方法，请告诉前端观察。我发现的另外一个小技巧是，你根本无需一个真实的图片！你可以使用一个about:blank替代一个spacer.gif图片，而且它工作的同样出色。 CSS Code /*让position:fixed在IE6下可用! */ .fixed-top /* 头部固定 */{position:fixed;bottom:auto;top:0px;} .fixed-bottom /* 底部固定 */{position:fixed;bottom:0px;top:auto;} .fixed-left /* 左侧固定 */{position:fixed;right:auto;left:0px;} .fixed-right /* 右侧固定 */{position:fixed;right:0px;left:auto;} /* 上面的是除了IE6的主流浏览器通用的方法 */ * html,* html body /* 修正IE6振动bug */{background-image:url(about:blank);background-attachment:fixed;} * html .fixed-top /* IE6 头部固定 */{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop));} * html .fixed-right /* IE6 右侧固定 */ {position:absolute;right:auto;left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));} * [...]

一本详尽的前端开发大众手册(包括工具、网址、经验等)

直觉 — Thu, 19 Aug 2010 10:01:28 +0800

快捷导航：在线工具集常用Firefox插件 IE下的调试工具参考手册批处理工具 IDE及其他工具 Bookmarklet 前端开发者社区及权威网站推荐订阅的博客和网站另外还搞了个Firefox插件《前端开发工具集》，把资源整合到一个菜单下，方便查询。数据放在线上(Google AppEngine)，速度应该会有保证，更新也会比较方便。在线工具集书籍类： Book Shelf 2.0 beta —— 荐，分类很清晰，下载很方便 Book Go! 原版图书免费下载链接收集站 51CNNET.NET JavaScript类： Beautify JavaScript —— JavaScript格式化工具，效果很理想 AJAX Libraries API Regex Tester Compressor Packer —— 以前一直用这个压JS，自从有了TBCompressor，就放弃他了 CSS类： CSS选择器性能测试 CSSTidy —— CSS格式化工具 CSS Compressor —— CSS压缩其他： GUID 生成器 —— 做某些东西(Firefox插件)时需要唯一资源标志符时用 W3Counter WebWait – [...]

40+Web 设计师必备的超便利工具

直觉 — Tue, 17 Aug 2010 17:26:24 +0800

作为一个Web设计师并不容易，不仅考虑设计与架构，还要时刻注意各种小细节，设计师的工作被各种各样的问题包围，你需要一套超级便利的工具帮你解决各种消耗时间和精力的问题。本文介绍了40多个非常强大的工具，你会发现，其中的一些工具会让你感到惊艳在。 LaunchList 站点发布前的工作清单，预设了28个需要检查的事项，也可以自定义。同类工具： Ultimate Website Launch Checklist 以及 The Ultimate Website Prelaunch Checklist。 Pencil Project: Sketching and Prototyping with Firefox 一个开源 GUI 原型设计工具。 Zootool 一个非常漂亮的书签工具，可以将你收集的各种素材，图片，文档，链接，视频等在线组织到一起。 Bounce （推荐）输入一个站点地址，该程序会给该站点截图，然后，你可以在上面批注，加评论，并和朋友分享。非常适合用来和您的客户在线就某个站点的设计进行讨论。 Ninite Batch Installer 这个站点可以将很多免费的流行软件（最好的版本）打包在一起，一次性安装到你的机器，支持 Windows7，Vista 和 XP。 Support Details （强烈推荐）假如你想让你的用户提供他/她所使用的浏览器环境，比如 Flash 版本，操作系统，屏幕分辨率，Cookie，JavaScript 状态等，可以让他/她访问一下这个站点，这个站点或自动将这些内容探测出来，并允许用户现场通过邮件将报告发送给你。 MugTug’s Darkroom 一个在线图片处理程序，可以调整对比度，白平衡，曝光，饱和度等，可以从 Picasa 及 Flickr 上传图片，同类产品：Pixlr 及 Sumo Paint。 Visual Website Optimizer [...]