摘要：
在我以前的工作中，曾经设计过产品经理职位的核心能力模型，今天看到Michael的文章，和我思路非常相像，翻译整理出来和大家共享。 1、沟通能力 优秀的产品经理一定是个成功的沟通者， 沟通能力包括口头沟通能力和文字沟通能力。产品经理的一个最主要角色是做为沟通的中心，如下图所示： 产品经理的沟通能力不仅体现在和不同工作岗位的人进行有效沟通，同时还体现在如下方面： 和不同个性的人沟通。例如，大部分工程师的性格偏内向，而大部分销售和市场人员则很外向 和不同工作岗位的人沟通时采用不同的”语言” 。如果要进行高效沟通，很重要的一点是说沟通对象关注和易于理解的”语言”。比如，在和市场人员沟通和与... 阅读全文
摘要：
看身边，看朋友，看同事，看看我们这个并不成熟的圈子，优秀的产品经理总归很少。他们已经犯完了应该犯的错误，然后才牛逼起来。 反思我做产品经理的漫长历程，我把我以前犯过的错误，把后来带人的所见，以及与朋友聊天时的所闻，都列出来，以备大家各自警醒。 1、想当然。 这个是产品经理经常所犯的最大错误了。我们接到一个需求，我们想了想，然后就认为自己想的是对的。因为我们用过很多同类产品，想过很多类似的事情，等等。我们也想去做市场调查，但漫长而经常不靠谱的市调结果，往往让我们更加不知所措。所以我们反思：除了想当然我们还能干嘛?也就只能想当然了。 为了不让自己想当然，我们找目标用户听取需求，我们绘制... 阅读全文
摘要：
你的网站是在吸引客户还是赶走客户?如果犯了下面提到的某些问题，带来的损失可能会令你欲哭无泪。避免下列设计误区，可以事半功倍。 求大求全而不求精。弗吉尼亚州罗浮市Grow Interactive工作室创始人德鲁·安格瓦斯基认为，一个网站不可能面面俱到。仔细挑选要放上网的内容，精心组织，做到条理清楚，整洁明了。“很多人堆砌了太多东西，特别是在主页上，有种掐着客户的脖子硬往里填的感觉。”他说。 程序复杂。从打开网站到完成交易的整个过程必须非常简单。安格瓦斯基表示，评估网站设计优劣时首先要站在顾客和浏览者的角度思考。他有一个习惯：结账前一定要建个账户。他建议，要让消费者可以在你那里买得顺心。 阅读全文
摘要：
废话少说：Y% *^xie 1、用了Google分析等统计工具了吗? 你应该跟踪每个页面的访问情况，哪些受欢迎，哪些挣得钱多。 2、用了Pagespeed和Yslow了吗?Y% *^xie 70%用户看得到的速度提升都是通过客户端优化完成的。这两个工具可以帮你了解你的网站是否符合最佳惯例，并提供改进建议。 3、通过feedbackarmy.com和usertesting.com进行可用性测试了吗? 哪怕只有5个用户参与测试，你也能发现85%的问题。Y% *^xie 4、当网站出现错误时管理员能收到错误通知邮件。 天有不测风云，不管你准备得多么充分，网站都可能出现意外错误，如果你... 阅读全文
摘要：
1. Min.us: 上传图片的最简单方式任何开发人员、设计师、网络管理员都必须跟客户和同事在线分享图片。Min.us的全部服务就是让你极度简单地上传图片：只需把图片拖拽到Min.us的网页里，图片就会保存在服务器上。并且自动生成短网址，这样你就可以通过这个网站分享图片了。访问Min.us2. Wirify: 把任何网页转换成线框图设计网站时线框图非常有用。Wirify是一个可以把任何网页立刻转换成线框图的书签工具，这样你就可以学习或应用到自己的工作中。访问Wirify3. CSS Resetr: 查看和比较CSS resetsCSS resets是所有样式表的必需品，以在不同的浏览器之间渲染 阅读全文
摘要：
即使是CSS高手，也难免在书写CSS代码的时候出一些小错误，或者说，任何一种代码都是如此。小错误却往往造成大问题，浪费很多无辜的时间来调试和排错。查看下面这份CSS网页布局中易犯的10个小错误，努力的修正你可能会犯的错误，加速你的前端开发效率。1. 检查html元素是否有拼写错误、是否忘记结束标记即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。2. 检查CSS是否书写正确检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具，但也能检查出拼写错误。3. 用删除法确定错 阅读全文
摘要：
http://www.colorzilla.com/firefox/page saver截图工具（保存整个网页）web developerfirebugyslowview soure in DWseo statuscss usagemarkman 阅读全文
摘要：
但是，隐藏在浏览器的大宝库中是一些高级的、被严重低估的属性，但是它们并没有得到太多的关注。或许它们中的一些应该这样(被无视)，但是其它的属性应该得到更多的认可。最伟大的财富隐藏在Webkit的下面，而且在iPhone、iPad和Android apps的时代，开始了解它们会灰常有用。就连Firefox等使用的Gecko引擎，也提供了一些独特的属性。在本文中，我们将看一下鲜为人知的CSS 2.1和CSS3属性以及它们在现代浏览器中的支持情况。说明: 对于每个属性，我们这里规定：”WebKit” 即指代使用Webkit内核的浏览器(Safari、Chrome、iPhone、iPad、Android 阅读全文
摘要：
业界越来越关注DIV+CSS的标准化设计，大到各大门户网站，小到不计其数的个人网站，在Div+CSS标准化的影响下，网页设计人员已经把这一要求作为行业标准。那么什么是Div+CSS标准？Div+CSS的标准化设计到底有什么好处？Div 全称 division 意为“区分”使用 DIV 的方法跟使用其他 tag 的方法一样。如果单独使用 DIV 而不加任何 CSS, 那么它在网页中的效果和使用 <P></P> 是一样的。DIV本身就是容器性质的,你不但可以内嵌table还可以内嵌文本和其它的HTML代码CSS是CascADIng style Sheets的简称，中文译作“ 阅读全文
摘要：
高效的css写法中的一条就是使用简写。通过简写可以让你的CSS文件更小，更易读。而了解CSS属性简写也是前端开发工程师的基本功之一。今天我们系统地总结一下CSS属性的缩写。色彩缩写色彩的缩写最简单，在色彩值用16进制的时候，如果每种颜色的值相同，就可以写成一个：color：#113366可以简写为color：#136所有用到16进制色彩值的地方都可以使用简写，比如background-color、border-color、text-shadow、box-shadow等。盒子大小这里主要用于两个属性：margin和padding，我们以margin为例，padding与之相同。盒子有上下左右四个 阅读全文
摘要：
本文的写作灵感源自读者关于先前一篇文章的电子邮件反馈;该邮件这样写道 “jQuery 在简单的页面上无可挑剔，但在复杂的页面上性能极其低下。在解决性能问题之前，您必须对复杂页面使用常规的 JavaScript。” 这立即让我想到 “jQuery 和 JavaScript 之间的性能比较会是什么样的?”事实上，我很少看到将 jQuery 库与 JavaScript 或其他 JavaScript 库进行比较的文章。我可能像大多数人一样，仅看到用 jQuery 编写客户端代码的简易，而忽略了可能的性能问题。在我看来，在易用性和性能之间进行折衷是值得的。但是，存在这样一种折衷吗?jQuery 是不是比 阅读全文
摘要：
DIV+CSS最重要的优势之一：保持视觉的一致性；以往表格嵌套的制作方法，会使得页面与页面，或者区域与区域之间的显示效果会有偏差。而使用DIV+CSS的制作方法，将所有页面，或所有区域统一用CSS文件控制，就避免了不同区域或不同页面体现出的效果偏差。下面为你介绍几点注意事项，希望对你有帮助。1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因，这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域，需要 200*200=40, 000 次，占用资源。2、无边框。推荐的写法是 border:none;，哈哈，我一直在用这个。 border:0; 只是定义边框宽度为零 阅读全文