Stack Overflow创始人分享:如何促使团队紧密协作

摘要:怎样能促使技术团队实现高效、紧密的合作?该如何处理团队中的“坏苹果”?知名技术博客作家、Stack Overflow创始人Jeff Atwood有三十多年的职业编程经验,通过他的切身经历分享,帮助读者成长为高效能程序员。

会议是浪费工作时间的最佳去处

今天你开了多少个会?这个星期呢?这个月呢?再自问一下,那些会议中有多少是值得参加的?如果把相同的时间用在工作上,你又能完成多少事情?我们究竟为什么要开会?

尽管有些会议是不可避免的,甚至是必需的。我们应该以怀疑的态度去看待会议,把它当成是一种降低工作效率的风险。事实上,会议往往只是在浪费宝贵的工作时间。就我而言,我采用以下几个原则,以确保我的会议是真正有用的。

会议绝不该超过一小时,否则应判以死刑

对于任何会议,第一个并且最重要的约束就是时间,因为它在任何公司都是最宝贵的资源。如果你不能把会议限制在大约一个小时内,那一定是有什么事情错得离谱了。你应该首先修正这个错误。可能是会议牵涉了太多的人,也可能是会议讨论的范围太宽泛了,或者就是整体上缺少一个能使会议不偏离轨道的必要的焦点。我不相信有人可以记住在长达几个小时的会[......]

阅读全文>>

jQuery/CSS3鼠标滑过图片特效插件

今天我们要来分享一款基于jQuery和CSS3的鼠标滑过图片特效插件,首先我们利用CSS3特性将图片切分成圆角的五边形形状,这让图片非常具有个性。然后我们用jQuery实现鼠标滑过图片背景色渐变的动画效果,当然背景色的渐变特效也是利用CSS3的特性。

jquery-css3-image-hover-effect

在线演示源码下载

让那些无用代码注释见鬼去

本文是html5tricks原创翻译,转载请看清文末的转载要求,谢谢合作!

摘要——注释简单代码会干扰对重要注释的理解。程序开发者最好能用最精要的注释来解释重点代码。

举个例子,你打开一个电箱,里面有几百根电线,蒙了吧。再一看,每根电线上面都有一个整洁的小标签。真是谢天谢地啊!但是,当你一个个去翻看标签的时候,见鬼的,几乎所有的标签都是空白的!

7086_13017491096X8d

然后,在你花了整整一个小时去浏览每一个小标签之后,终于给你找到12条有用的信息,真心喜大普奔!当然,希望在你头脑一片混乱的时候得出的结果仍然是正确的,没有遗漏,呵呵呵。

当我需要研究代码的时候看到到处都是垃圾注释,唉,我的感觉就和上面在那么多标签里面找有用的一样。见鬼的,想从一大堆垃圾注释里确定哪个有用简直就像大海捞针!

说一个常用的开源项目,里面都是这些垃圾注释:

/**
* __construct function.
*
* @access public
* @return void
*/
public function __construct() {


}

再来一个:

/**[......]

阅读全文>>

HTML5/CSS3日历应用 华丽的日期选择器

本文要介绍的是一款外观比较华丽的HTML5/CSS3日历应用,这款日历应用的特点是拥有非常酷的日期选择效果,鼠标滑过日期时即会有立体的背景展现出来,相比之前分享的HTML5/CSS3带日期区间的日期选择插件,虽然功能上稍逊一筹,但总体来讲还是非常实用的一款HTML5日历的。

html5-css3-calendar

在线演示源码下载

想提升工作效率,就別再做这七件事

试想一位小公司老板每日孜孜不倦地工作,为何不能从为数众多的竞争者脱颖而出?

一位创业家可以不眠不休一天工作24 小时,整整一周不休假。 然而,时间有限,且竞争者却永远可以投入更多钱与心力,让竞争更剧烈。 那么,为什么某些小型新创公司可以完成许多大型企业无法完成的事情呢?

  • Instagram──只有13 名员工却被Facebook 用几十亿买下的公司。
  • Snapchat──只有30 名员工却拒绝科技巨人Facebook、Google 的并购交易。

它们的成功部分来自于幸运──其余则是因为效率 。

4324493175_012f5573ec_b

成功的关键不是努力工作,而是用聪明的方式工作。

有效率并不是指良好的时间管理,而是──管理您的精力。 人们都需要学习如何花费最少的精力能够得到最大效益。

要提升生产力,下面这些事情绝对要避免:

一、停止加班,提升效率!

1926年,福特汽车工业亨利福特(Henry Ford)执行了一项实验发现有趣的结果:当把一日的工时从10 小时降到8 小时,从一周工作6 天减少至一周5 天,人们的生产力将会提高(注一)。

220140512222142

当您工作得越多,不论是短期或[......]

阅读全文>>

HTML5 Canvas发光折线图表应用

之前我们分享过很多HTML5折线图表,像HTML5 SVG多折线图表HTML5/CSS3动态折线图表等。今天我们要分享一款基于HTML5 Canvas的折线图表应用,其实我们仅仅是在canvas上面绘制了一条发光的折线,当然图表的x、y坐标你可以自己绘制上去。

html5-canvas-line-chart

在线演示源码下载

大数据分析,什么样的美女最受男生青睐?

我们将展示以下显著的现象:

• 男人们作为一个群体对女性长相越有分歧,最后喜欢她的人越多。

• 男人们通常会忽视掉那些仅仅可爱的女生。

• 事实上,有些男人认为她长得丑,这反而会帮到这个女人。

公正性警告:我们将把女性作为客观对象来讨论,不惜笔墨。本文的目的是分析OkCupid网站的数据,没有一点点客观对象化是不可能的。不久会轮到把男性作 为客观对象来分析展示给大家。按照惯例,本文中没有任何分析(名人的例子除外)是我个人的观点。所有数据均是从实际用户活动中收集的。

1. 咱们从头开始。

所有的人,尤其是男人们花费大量精力搜索、浏览和联系我们最热门的用户。正如以前提到的,受欢迎女性收到的交友信息大约是相貌平平女性的4倍(备注:原文用 4X表示),是丑女收到的25倍(备注:原文用25X表示)。深陷信息中会把网站用户,尤其是女性吓跑。因此,我们必须分析和重新指导这个趋势,以免 OkCupid成为sausageparty那样的网站。

几乎每隔一段时间,我们都会运行下面这样的分析图,显示以5000名女性为例,按吸引力排序,在上一个月中能收到多少信[......]

阅读全文>>

CSS3图片倒影技术实现及原理

目前为止我们已经探讨了很多CSS3中的新功能和新特征。除了上面这些,实际上还有很多CSS新属性并未包含进CSS3官方标准中,像谷歌浏览器或火狐浏览器等都会利用CSS的浏览器引擎前缀(Vendor Prefix)来实现很多自定义的CSS功能。-webkit-box-reflect属性就是以谷歌浏览器为代表的Webkit渲染引擎独有的特征。-webkit-box-reflect的作用是让图片出现倒影。

实现倒影的基本语法

实现倒影的基本语法非常的直观,假设我们想给下面的图片增加倒影效果,可以这样写:

img {
    -webkit-box-reflect: below;
}

basic-reflection

上面这个例子中倒影出现了图片的下方,但实际上我们也可以将倒影安置在左侧、右侧或上侧。

倒影偏移量

Offset属性值用来定义图片和倒影影像之间的间距。参考下面的代码:

img {
    -webkit-box-reflect: below 10px;
}

上面的代码中,我们使图片和倒影影像之间相聚10px

offset-reflection

给倒影增加消隐效果

在现实生活中,倒影的出现通常是上半部比较清[......]

阅读全文>>

HTML5/CSS3奔跑动画 动画效果非常逼真

今天要分享一款很酷的模拟真人奔跑动画,它主要是利用HTML5/CSS3技术结合多张图片的切换来实现的。这款HTML5动画的逼真之处在于人物在奔跑的时候很有节奏感,而且有人物的投影。更重要的是当人物跑的越来越近是,人物的大小也会随之变大。很像一个小男孩从远处跑过来。

html5-boy-run-animation

在线演示源码下载

分享9款用HTML5/CSS3制作的动物、人物动画

今天我们要来分享一些设计非常独特的人物和动物动画效果,它们都是通过HTML5和CSS3制作而成,有一些动画是利用纯CSS3实现的,一起来看看。

1、纯CSS3绘制可爱的蚱蜢 还有眨眼动画

今天我们要分享一个利用纯CSS3绘制的蚱蜢动画,非常可爱,之前我们也分享过很多利用纯CSS3绘制的人物、动物等很有特点的效果,比如纯CSS3绘制可爱小男孩动画纯CSS3 Android Logo动画绘制等。这款CSS3蚱蜢还有眨眼的动画,非常酷。

css3-grasshopper

在线演示        源码下载

2、HTML5 Canvas头发飘逸动画 很酷的HTML5动画

HTML5 Canvas动画非常炫酷,很多有创意的开发者可以利用HTML5的Canvas特性创造出很多不错的动画特效。今天我们要分享一款HTML5 Canvas头发飘逸动画,该动画模拟头发飘动的效果,加上可爱的人脸,可以说非常有技术含量,更富有创意。

html5-hair-animation

在线演示        源码下载

3、HTML5/SVG实现随风摇摆的动画树

今天的这款HTML5动画非常有特点,它是一棵随风摇动的树,但是这棵树是模拟出来的,外观并不是那[......]

阅读全文>>