在Web开发者中，Google Chrome是使用最广泛的浏览器。六周一次的发布周期和一套强大的不断扩大开发功能，使其成为了web开发者必备的工具。你可能已经熟悉了它的部分功能，如使用console和debugger在线编辑CSS。在这篇文章中，我们将分享15个有助于改进你的开发流程的技巧。

原文：Sorting Algorithms in Javascript 译文：排序算法的JavaScript实现 译者：dwqs 冒泡排序 {代码...} 插入排序 {代码...} 选择排序 {代码...} 归并排序 {代码...} 快速排序 {代码...} 译文出处：[链接]

一、微博登陆第三方 0、去开发平台完成开发者认证：[链接] 创建一个示例应用，获取APPKey 1、登陆有两种方式：js+html和WBML部署。以js+html为例，申请到APPKey之后，引入js,要替换掉appkey参数 {代码...} 2、部署html和js {代码...} 3、wbml方式请参考文档：[链接] 4、效果：[链接] 二、QQ登陆第三方 0、注册成开发者：...

Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的.

fullPage.js和fullPage都能实现全屏滚动，二者区别是：fullPage.js需依赖于JQuery库，而fullPage不需要依赖任何一个js库，可以单独使用。

Linux一般将文件可存取访问的身份分为3个类别：owner、group、others，且3种身份各有read、write、execute等权限。

Python使许多编程任务变得简单，但是对于很关键的任务并不总是提供最好的性能。使用C、C++或者机器语言扩展包来执行关键任务能极大改善性能。这些包是依赖于平台的，也就是说，你必须使用特定的、与你使用的平台相关的包。简而言之,该解决方案提供了一些应用程序的可移植性,以换取性能,您可以获得只有通过直接向底层主机...

英文原文：[链接] 交换变量 {代码...} if 语句在行内 {代码...} 连接 下面的最后一种方式在绑定两个不同类型的对象时显得很酷。 {代码...} 计算技巧 {代码...} 注意浮点数的除法 {代码...} 数值比较 {代码...} 两个列表同时迭代 {代码...} 带索引的列表迭代 {代码...} 列表推导 已知一个列表，刷选出偶数列表方法： {代...

1) delorean 非常酷的日期/时间库 {代码...} 2) prettytable 可以在浏览器或终端构建很不错的输出 {代码...} 3) snowballstemmer 非常瘦小的语言转换库，支持15种语言 {代码...} 4) wget Python的网络爬虫库 {代码...} 5) PyMC PyMC，一个用于贝叶斯分析的函数库 {代码...} 6) sh 将shell命令作为函数导入Python脚本 {代...

在这篇文章中，我将分享一些JavaScript常用的技巧，窍门和最佳实践。不管JavaScript开发者是使用在浏览器/引擎上或者服务器端（SSJS——Service Side JavaScript）JavaScript解释器上，这些他们都是应该知晓的。

去年，我写了一篇关于优秀资源之获取JavaScript优秀资源的博文。一年对于互联网来说是很长的，并且我认识到现在可以更新JavaScript资源了。根据用户的采用和接受情况，JavaScript在浏览器和服务器两端迅速的扩展。所以，是时候重访并且更新资源列表，让它有更好的地方停留。

作者注：本篇文章发表于2009.04.27，是一篇关于讨论Javascript在IE6、IE7和FF2+、FF3.0之间的存在的问题的文章。

我不再使用CSS Hacks了，相反的是，我将使用IE的条件判断将类应用到body标签。 但是，我想记录我之前碰到过的每一个浏览器特定的CSS 选择器和样式属性。我相信也没有其他方式提供样式表给独特的Safari. 利用这些CSS Hacks，你能够更好的针对IE、Chrome、Firefox、Opera和Safari，代码如下： 浏览器特定的CSS Hacks综合列...

文章参考：[链接]（翻译不当之处请谅解） 一、水平居中 1、内联元素居中：相对父级块级元素居中对齐 {代码...} 2、块级元素居中：设置margin-left和margin-right为auto让它居中（同时还要设置width，否则它就会承满整个容器，无法看出居中效果） {代码...} 如果有很多块级元素需要水平居中成一行，最好使用一个不同的dis...

这里有5个小脚本，有助于你真正理解JavaScript核心–闭包和作用域。没有在控制台运行之前，尝试回答每个案例中会弹出什么内容，然后你可以创建一个测试文件去核对你的答案。你准备好了吗？

History是有趣的，不是吗？在之前的HTML版本中，我们对浏览历史记录的操作非常有限。我们可以来回使用可以使用的方法，但这就是一切我们能做的了。

随着HTML 5的流行，现在HTML 5占据了主要的市场份额，HTML 5增加了很多的新功能，这些新功能可以让Web体验变得更好。大多数特性在现代的主流浏览器中获得了支持，因此我们可以放心使用这些新特性来增加Web体验。但是，当有新版本的浏览器发布时，我们不要忘记一些旧版本或者老的浏览器。

现在，响应式Web设计无疑是非常流行的。如果你对响应式设计还不熟悉，可以看看我之前发表过的关于这方面的responsive sites。对于新人，responsive design可能听起来有点复杂，但实际上，它比你想的要简单的多。为了帮助你快速入门响应式Web设计，我写了一篇快速入门教程。我保证你通过三步就可以学会响应式设计的基本逻...

原文：HTML5 Page Visibility API 译文：HTML 5的页面可视性API 译者：dwqs 在早期，浏览器并没有提供选项卡，但是现在基本所有浏览器都提供了这个功能。作为一个程序员，我一般会同时打开10到15个选项卡，甚至有些时候会在25到30. 为什么介绍Page Visibility API呢？ 之前，是不可能确定哪个选项卡是激活的，哪个没有激...

原文：HTML 5 Notification 译文：HTML 5 的消息通知机制 译者：dwqs HTML 5 已经被应用到Web开发中。跟平常一样，任何一个软件新版本的发布都期待一些新的特性，这对HTML 5也不例外。为了仅仅通过HTML提高用户交互，HTML 5已经提供了很多新的API。 是不是非常有趣呢？并且HTML 5已经和CSS 3结合的非常棒了。 因此，我也...

原文：CSS: Responsive Navigation Menu 译文：CSS：响应式导航菜单 译者：dwqs 写在之前，关于如何制作响应式的下拉菜单：响应式下的下拉菜单 之前，我写了一篇关于怎么制作响应式的移动导航的教程。现在，我发现了一个新技巧，不用使用JavaScript就能实现响应式菜单，而是使用HTML 5清晰的语义标记。 这个菜单能居左、...

在CSS中，其border属性有很多的规则。对于一些事物，例如三角形或者其它的图像，我们仍然使用图片代替。但是现在就不需要了，我们可以用CSS形成一些基本图形，我分享了一些关于这方面的技巧。

原文：Useful functions to provide secure PHP application 译文：有用的PHP安全函数 译者：dwqs 安全是编程非常重要的一个方面。在任何一种编程语言中，都提供了许多的函数或者模块来确保程序的安全性。在现代网站应用中，经常要获取来自世界各地用户的输入，但是，我们都知道“永远不能相信那些用户输入的数据”。所以...

利用PHP编码生成PDF文件是一个非常耗时的工作。在早期，开发者使用PHP并借助FPDF来生成PDF文件。但是如今，已经有很多函数库可以使用了，并且能够从你提供的HTML文件生成PDF文档。这让原先耗时的工作变得非常简单了。

现在，越来越多的网站使用了动画，并且形式多样，如GIF、SVG、WebGL、背景视频等等。当在web中恰当使用动画时，它可以给网站注入活力和良好的交互性，给用户提供额外的一层反馈和体验。

原文：Introducing the HTML5 “Menu” and “Menuitem” Elements 译文：HTML 5中Menu和Menuitem的元素介绍 译者：dwqs 今天向你介绍HTML 5中的两个元素：Menu和Menuitem，这两个元素是W3C交互元素中的一部分。现在Web的演变已经不仅仅局限于文档之间的链接，在APPs中，页面的行为越来越多，因此，是时候形成一个Web交互的...

原文：7 CSS Units You Might Not Know About 译文：7个你可能不知道的CSS单位 译者：dwqs 众所周知，当使用CSS技术的时候，很容被一些奇异问题给困住。而当我们面对新的问题时，这会让我们处于非常不利的位置。 但是，伴随着Web的发展，新的解决方案也在慢慢成熟。因此，作为一个Web设计和前端开发人员，除了对我们使用...

HTML 5之前，我们必须依赖于class和rel属性来存储需要在网站中使用的数据片段，这种做法有时会在网站的外观和实用性之间产生冲突。而HTML 5 Data属性的存在就能很好满足需要。

原文：mysql_connect v/s mysql_pconnect 译文：mysql_connect v/s mysql_pconnect 译者：dwqs 当需要使用PHP连接MySQL数据库的时候，会发现有两种数据库连接函数：mysql_connect()和mysql_pconnect()。 1、mysql_connect() 在脚本开始的时候，mysql_connect()会创建一个新的连接，脚本结束的时候就会关闭连接。脚本每一...

Five Simple Steps （ps：称FSS）网站有一个优雅的响应式设计的特点，当浏览器窗口的变小时，右上角的菜单从规则的一行转换成一个下拉菜单。（PS：原文写于2011年，FSS网站的设计已经改变，具体可以参考原文的截图。）