IT牛人博客聚合

【感谢 Neo 投递本文 – 微博帐号：@_锟_ 】

在StackOverflow上有这么一个问题，有位同学在http://css-tricks.com/examples/ShapesOfCSS/  找到一些使用CSS做的形状，其中一位同学对下面的这个形状充满了疑问。

形状是：

代码是：

#triangle-up {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid red;
}

这位同学就提问啦，为啥这么这么几句就能画出一个三角

查看全文: http://www.udpwork.com/item/7034.html

【感谢 Neo 投递本文 – 微博帐号：_锟_ 】

前言： 布局是WEB开发一个重要的课题，进入XHTML/CSS后，使用TABLE布局的方式逐渐淡出，CSS布局以众多优点成为主流，本文将介绍40个基于CSS的web布局的资源和教程。文章的出处在http://www.noupe.com/css/css-layouts-40-tutorials-tips-demos-and-best-practices.html。文中的不少的例子在一本经典的CSS书籍《CCS: The Missing Manual, 2nd Edition》中都可以找到，据我所知，第二版在中国没有翻译出版。你可以从这里下载英文版（不过需要注册个用户名）

正文

查看全文: http://www.udpwork.com/item/7005.html

transform:rotate 属于简单好用的效果，但在手机上显示时，会有比较明显锯齿。

解决方案也很简单， 利用外层容器的overflow:hidden 加上图片margin:-1px 就可以解决。

原理没去深究，理论上是矢量跟位图的处理不一样，这个方案也有个小问题 就是图片变小了 ^_^ 可以用手机看看demo http://labs.aoao.org.cn/demo/transform-rotate/

update: 大家反应这方案在电脑上反而会出问题。

我测试了个新的方案rotate3d + border:1px solid transparent;，问题也算是解决了。

同时发现另一个小问题，缩放的图片使用

查看全文: http://www.udpwork.com/item/6964.html

【感谢 Neo 投递本文 – 微博帐号：_锟_ 】

前言：还是一篇入门文章。Javascript中有几个非常重要的语言特性——对象、原型继承、闭包。其中闭包对于那些使用传统静态语言C/C++的程序员来说是一个新的语言特性。本文将以例子入手来介绍Javascript闭包的语言特性，并结合一点ECMAScript语言规范来使读者可以更深入的理解闭包。

注：本文是入门文章，例子素材整理于网络，如果你是高手，欢迎针对文章提出技术性建议和意见。本文讨论的是Javascript，不想做语言对比，如果您对Javascript天生不适，请自行绕道。

什么是闭包

闭包是什么?闭包是Closure，这是静态语言所不具有的一个新特性。

查看全文: http://www.udpwork.com/item/6954.html

前言:虽有陈皓《Javascript 面向对象编程》珠玉在前，但是我还是忍不住再画蛇添足的补上一篇文章，主要是因为javascript这门语言魅力。另外这篇文章是一篇入门文章，我也是才开始学习Javascript，有一点心得，才想写一篇这样文章，文章中难免有错误的地方，还请各位不吝吐槽指正

吐槽Javascript

初次接触Javascript，这门语言的确会让很多正规军感到诸多的不适，这种不适来自于Javascript的语法的简练和不严谨，这种不适也来自Javascript这个悲催的名称，我在想网景公司的Javascript设计者在给他起名称那天一定是脑壳进水了,让Javascript这么多年来受了这么多不白之冤，人们都认为他

查看全文: http://www.udpwork.com/item/6905.html

“暂停页面资源占用”其实是个function，javascript也是可以用中文来写滴

function 暂停页面资源占用(){
幻灯广告2.暂停();
文字滚动5.暂停();
啥啥啥动画.暂停();
定时更新长链接.低迷模式();
}

为什么要这样做呢？ 装厚道，把资源让给别人，有些情况下还可以省自己服务器的资源。

那什么时候调用他呢？ onblur，那怎样变回正常呢？再写一个对应滴。

但是这样看起来不是特别高级，怎样更高级呢？自定义事件 我记得好久好久前写过个task 让那些爱动的元素玩上 onElementShow onElementHide 这样的事件，然后就把上面的 function 分开了，让元素看不到时

查看全文: http://www.udpwork.com/item/6695.html

Javascript是一个类C的语言，他的面向对象的东西相对于C++/Java比较奇怪，但是其的确相当的强大，在 Todd 同学的“对象的消息模型”一文中我们已经可以看到一些端倪了。这两天有个前同事总在问我Javascript面向对象的东西，所以，索性写篇文章让他看去吧，这里这篇文章主要想从一个整体的角度来说明一下Javascript的面向对象的编程。（成文比较仓促，应该有不准确或是有误的地方，请大家批评指正）

另，这篇文章主要基于 ECMAScript 5， 旨在介绍新技术。关于兼容性的东西，请看最后一节。

初探

我们知道Javascript中的变量定义基本如下：

var name = 'Chen Hao';;
var e

查看全文: http://www.udpwork.com/item/6671.html

社交游戏方兴未艾，我不相信未来就一定是发行商的天下。于是，打算抛砖引玉，利用自家产品积累的一些数据，建立一个模型（非常不完善，所以期待大家各种板砖）。模型要解决的问题是：给出一个预算（Budget），计算多久能够收回预算。地址：

http://www.magnetjoy.com/budget.html

目前的思路是，用预算，除以CPC（install，而非click，我们自己计算，在FB台湾，大概是0.3美金左右，FB自己的Ads CPC要考虑到Developer Dashboards中的Auth通过率），得到预算带来的直接安装用户数。结合我们自己的经验，发现一个普通的社交游戏，一般一个外界用户会带来X倍的自增长。姑且称为Org

查看全文: http://www.udpwork.com/item/6647.html

在StackExchange上有人问了这样一个问题：What should every programmer know about web development?（关于Web开发，什么是所有程序员需要知道的？）里面给出的答案非常不错，所以，我翻译转载过来。 顺便说一下，StackExchange真是非常好，大家可以对同一个答案做贡献和修订，看看这个问题的修订过程你就知道了——专业的问答网站应该怎么去做。这就是我在这篇文章中也说过真正的用户体验是什么样的。

好了，下面是正文（我对原文做了一些批注，也许不对或有误导，请大家指正）

下面的这些东西可能对于大多数人并不陌生，但是可能会有些东西你以前并没有看过，或是没有完全搞懂，甚至都没

查看全文: http://www.udpwork.com/item/6480.html

下面是我这段时间来收集的一些有意思的东西。本站这样的文章还很多，如这个，这个，这个。

Javascript Garden，这是学习Javascript最好的网站了。http://bonsaiden.github.com/JavaScript-Garden，这个文档由两具StackOverflow的人写成, Ivo Wetzel(Writing) 和 Zhang Yi Jiang (Design)，表示敬意。

想看看Web开发有哪些技术吗？你得看看这个网站：http://stackparts.com/，他对目前几乎所有Web上用得到的技术都分了个类。下面是个抓图。

Mozilla的安全编程规范 https://wiki.mozi

查看全文: http://www.udpwork.com/item/6372.html

下面是近期收录的一些文章和资源，希望对你有用。

系统方面

印度的电子商务网站flipkart的性能扩展（PPT） http://www.slideshare.net/sids/how-flipkart-scales-php，都是一些最基本的东西，对于初学者来说很不错。PPT做的也不错。

Tagged.com的扩展之路 – 1亿用户，1000台服务器，50亿的PV http://highscalability.com/blog/2011/8/8/tagged-architecture-scaling-to-100-million-users-1000-server.html 还是PHP的WEB站点。另外，highsc

查看全文: http://www.udpwork.com/item/5924.html

本文写于中秋，征求对方同意后发出来了。是一些我对07、08年从事自由职业者时期的一些感受和收获。毕竟是很轻松的一次问答，如有异议，欢迎指正！

一、请问你自己在做自由职业者时的对当时那个状态的感受、有哪些重要的经验或收获？

这个问题有两种解读：一个是，问我现在对当时的感受；另外一个是当时自己的感受。

现在回忆起来，是觉得自由职业和创业有两种不同的感觉的，但都是我喜欢的感觉，可以说是各有千秋吧。自由职业的时候，生活非常自由、弹性，我有很多时间陪女朋友。但是，对产品、对项目，毫无控制力，也没有办法运作大的业务，这些都是创业之后才能体味的（回头我会介绍加入创业公司的价值）；

而当时的感觉，则比较简单：自由、我行我素。跟你们现在很多自

查看全文: http://www.udpwork.com/item/5899.html

Web上的用户登录功能应该是最基本的功能了，可是在我看过一些站点的用户登录功能后，我觉得很有必要写一篇文章教大家怎么来做用户登录功能。下面的文章告诉大家这个功能可能并没有你所想像的那么简单，这是一个关系到用户安全的功能，希望大家能从下面的文章中能知道什么样的方法才是一个好的用户登录功能。以下内容，转载时请保持原文一致，并请注明作者和出处。

用户名和口令

首先，我们先来说说用户名和口令的事。这并不是本站第一次谈论这个事了。如何管理自己的口令让你知道怎么管理自己的口令，破解你的口令让你知道在现代这样速度的计算速度下，用穷举法破解你的口令可能会是一件很轻松的事。在这里我想告诉从开发者的角度上来做设计这个用户名和口令的事。下面一几件规则

查看全文: http://www.udpwork.com/item/5688.html

霍炬近两个月前写过一篇《microblogging和微博信息架构产品差距和影响》分析了国内微博和Twitter的差距，重点就是因为信息的平等性。我也一直在观察新浪微博，以及新浪和Twitter的一些功能上的差别。发现了一些东西，想在这里和大家分享一下。我的见解达不到像霍炬那样的层次，作为一个技术人员，我只能在产品功能上做些分析。欢迎大家指正。

现实状况

国内的微博就是新浪，Sohu微博，腾讯微博，以及饭否。我们不难发现：

搜狐的和腾讯的就是Copy新浪的。在Following和Followed上大家都有自己所谓的“创新”

饭否是在Copy Twitter，这点太明显了，不过，抄在了表面，而且相当的怪。

国内所有的这些以Tw

查看全文: http://www.udpwork.com/item/5656.html

下面的示例展示了使用纯CSS制作的各种图形，你可以自由地修改文中的CSS代码。这个收集的原文在这里。

经测试，IE9, Chrome, FF, Safari都可以正常显示。

.shape {
padding: 20px;
}
.shape > style {
display: block;
white-space: pre;
background: #333;
color: white;
font: 12px Monaco;
padding: 0 15px;
}
.shape > div {
margin: 20px ;
}
.shape > h5 {
b

查看全文: http://www.udpwork.com/item/5648.html

下面是一个Web应用的开源列表。没什么可说的，太疯狂了。尤其是Web 2.0那一堆。我不知道你怎么想，有些开源项目的源码写得挺不好的，尤其是性能方面。或许你会以为改一改他们就可以成为为自己所用，不过，改这些开源的项目还真不容易。玩玩还可以。

数字媒体

相册（Flickr, Picasa）

Gallery，基于PHP + MySQL的Web相册。非常易于使用，包括一个配置向导，对于相片的操作包括自动生成缩略图、相片的大小改变、选择、排序等。

Piwigo，基于PHP + MySQL。配备了强大的功能，发布和管理您的照片，可扩展性和智能浏览功能，如类别，标签，或年表。这是网络和照片的标准要求。扩展使Piwigo更可扩展性和可定制

查看全文: http://www.udpwork.com/item/5630.html