邵珠庆の日记 生命只有一次,你可以用它来做很多伟大的事情–Make the world a little better and easier


107月/14

开发者的10个最佳代码游乐场

发布在 邵珠庆

如果你是开发者,在寻找最佳的代码游乐场,享受代码的乐趣,那么你来到了正确的地方。在这篇文章中我已经收集了用于测试、调试和分享代码的10个最好的免费代码游乐场(Code Playground)和沙盒工具。如果你知道其他好的代码游乐场,可以通过评论告诉我。Enjoy!

1. Codepen

 CodePen是一个web前后端游乐场。它基于激发、传授和分享。能高亮热门示例(“Pen”),且提供高级功能,如共享和嵌入。需要建立一个减少测试案例来演示并找出一个bug?CodePen绝对适合这个场景。想炫耀你的最新创作和获得同行的反馈? CodePen是绝一不二的选择。

2. CSSDesk

CSSDesk是一个在线CSS沙箱。它使人们能够快速测试的CSS代码片段,并观察实时结果。我有非常看好这个项目。有行号和文本框输入实时语法高亮显示。其中一个最好的一点是它允许用户与他人分享他们的代码。

3. Google’s Code Playground

 谷歌的代码游乐场是一个基于Web的工具,可以让Web开发人员尝试谷歌所有提供的API,调整代码,和查看结果。谷歌的代码游乐场可以让您尽情享受而不必打开一个外部编辑器,所有的API都被装载在(左侧)“Pick an API”框中。

4. JS Bin

JS Bin是一个web app,专门设计于帮助JavaScript和CSS亲们在某些上下文中测试和协作调试代码。 JS Bin允许你编辑和测试JavaScript和HTML。一旦满意,你可以保存并发送这URL给同行审查或寻求帮助。然后,他们可以做更进一步的修改,如果需要保存更新。

5. JSFiddle

JSFiddle中是一个shell编辑器,通过创建基于流行JS框架的自定义环境,简化JavaScript的编写。你可以选择框架和版本(可选的有MooTools,jQuery,ojo, Prototype, YUI, Glow,Vanilla)。此外,如果行的话,你可以添加jQuery UI或MooTools More之类的免费框架。它具有一个极好的特征是能够产生一个唯一的URL以保存和分享代码。另外,JSFiddle也自带嵌入特征。它是无需网站就可尝试和分享JS代码的极佳平台。

6. Dabblet

 Dabblet是快速测试CSS和HTML代码片段的交互式游乐场。它使用-prefix-free,不必在你的CSS代码添加任何前缀。可以在Github gist保存工作内容,将其嵌入到其他网站和与他人分享。它目前只支持Chrome,Safari和Firefox的现代版本。所有发布的代码属于发布者,没有强制许可证。 Dabblet本身是开源软件,在NPOSL-3.0许可下发布。

7. Editr

Editr是一个集HTML,CSS和JavaScript的游乐场,你可以在自己的服务器上托管。它是基于ACE的编辑器。它的超级容易安装。它支持一个页面多个实例。可以通过JS对象或HTML属性进行配置。 Editr支持3种视觉布局:水平,垂直和单一。前两个是用于在线编辑。第三个是用于演示。 Editr基于MIT License。

8. Livewave

 Liveweave是用于HTML5、CSS3、JavaScript的游乐场和用于网页设计师和开发者实时编辑器。这是用来测试,练习和分享成果的好工具!面板大小可调,可以让你随心所欲写(或织,如我们称呼它名字一样)代码。 Liveweave还内置了对HTML5和CSS3的标签/属性上下文敏感的代码提示,使生活变得更加简单。

9. D3 Playground

D3.js设计目的在于让你能够以交互方式使用D3.js库。每一次编辑(产生有效代码)都会实时影响D3.js游乐场。因为CSS是可视化的重要组成部分,你也可以在线编辑CSS。

10. HTML5 Playground

 HTML5的游乐场包括一个可以看HTML5动作的代码库。它们包括一些基础启动例程,如HTML5 Doctype和音频标记(仍然是兼容浏览器中回放特性的好demo)。拥有一个交互表格,包含HTML5元素,如范围、日期输入和针对电子邮件地址和网站的自动验证。

107月/14

阿泡的产品管理心得

发布在 邵珠庆

A Business Is Not a Democracy(商业无民主可言)

Product Management is Inherently Political(产品管理就是内部政治)

  1. 我们为谁做产品决定了我们要做什么样的产品,我们做什么样的产品决定了我们的产品能走多远,我们的产品能走多远才最终决定了我们的企业能走多远。
  2. 在产品团队中,产品经理不是最聪明的人,最聪明的人在你的团队中,去发现这些聪明的人、聪明的想法。
  3. 产品经理想做好工作,必需要具备“五个一”:一个脑袋、一双眼睛、一对耳朵、一双手以及一双脚。
  4. 主动是要找到目标,好学是要实现目标,对产品经理这个人是如此,对产品经理的工作更是如此。
  5. 对于“产品”的认识决定了产品经理工作的广度,对于“需求”的认识决定了产品经理工作的深度。
  6. 对于产品经理来说,根本要关注的是如何提供给用户解决问题的最好方法,而不是提供给用户一个完美的产品。
  7. 一个好产品并不一定是一个能挣钱的产品,而能挣钱的产品,对于企业来说,则肯定是一个好产品。
  8. 作为一个产品经理,如果你还做不到为企业挣钱,那么就要先做到为企业省钱。
  9. 用户可以影响我们的产品方向,但不能决定我的产品方向。
  10. 教育用户这个问题的根本不是是否需要教育用户,而是教育用户的成本到底由谁来承担,这绝不能成为产品经理的一种惯性思维,一定视情况而论。
  11. 产品经理的理想且终极的目标就是:在合适的时间、合适的地点向合适的用户推出合适的产品!
  12. 产品经理,一个在跷跷板上工作的人,一边是用户的利益,一边是企业的利益,做好了是左右逢源,做不好就是左右为难
  13. 一个合格的产品经理应该是拉出去可以冲锋陷阵,拉回来可以排兵布阵,既有参谋的眼光,又有指挥官的果断!
  14. 一个产品经理需要了解的技术领域,宽度需要两英里,深度需要两英寸!
  15. 产品经理无非就做两件事情:知道做什么、知道怎么做。前者就是产品经理的战略规划,后者就是产品经理的战术指导。
  16. 产品经理,要相信自己的双腿,不要相信自己的耳朵!
  17. 作为一个产品经理,不要向别人轻易地承诺,也不要相信别人轻易的承诺。
  18. 情感是热血的,商业是冷血的,产品经理应该很多时候是一个凭热血去做冷血事情的角色。
  19. 产品经理在公司内的关系很简单,要么去和稀泥,要么去得罪人,但现在看,得罪人要比和稀泥更有前途。
  20. 都说忠言逆耳利于行,但对于产品经理来说,不但要有忠言,关键还得顺耳,才有可能利于行,这或许就是产品经理沟通能力的最高体现吧。
  21. 作为一个产品经理,在决策建议上可以允许失误,但绝对不能允许愚蠢。
  22. 成功就是不打折扣的执行,失败则是一个折扣接着又一个折扣的执行,因此,产品经理是不允许在业务执行上打折扣的。
  23. 无数的事实已经证明,一个产品的成功并不是由这个产品经理做对了多少决定的,而是由他的竞争对手做错了多少决定的。
  24. 产品经理一定是一个动脑比动腿多的职位,但要想更好地动脑,前提是腿必须先动起来。
  25. 这个世界上并不是没有需求,而是我们缺乏发现需求的眼睛。
  26. 都说产品经理的第一能力就是沟通交流的能力,怎么沟通、怎么交流,不是说你把该说的说了就可以了,而应该是把该说的说好了、说对了,说到团队成员的心窝子里才能证明你会沟通、会交流。
  27. 产品经理要面对的各类角色太多,很多时候都会形成一种对立面,在不涉及原则的情况,产品经理要学会先往后退。
  28. 产品经理一定要学会说“不”,面对的对象可能是我们的高层、伙伴以及客户,之所以这样,究其根本,是为了避免市场向我们说“不”。
  29. 对于产品经理来说,不是我们产品的机会越来越少,而是我们挖掘和发现机会的难度越来越大
  30. 对于产品经理而言,要处理好各种关系,不但要以人为本,还要以人的利益为本。
  31. 对于产品经理而言,知道不做什么要比知道做什么更有价值。
  32. 把任何想法都记录下来,如果不记录下来,这个想法将永远只是“想法”。
  33. 对于产品经理而言,应该是没事不找事,有事不怕事。
  34. 产品经理最大的智慧就是把别人的智慧变成自己的智慧。