Author: Gideon
如果屏蔽页面上的广告？对于普通用户来说，使用AdBlock插件是最佳选择(针对火狐浏览器和谷歌浏览器用户，不知道IE浏览器容易如何处理这样的问题)。
没有人喜欢广告，但在互联网上，绝大多数网站的主要来源只有广告，如果没有广告收入，这些网站基本上都会倒闭。
为了在投放放过和不骚扰用户之间取得平衡，很多站长是很有克制在页面上投放少量的广告。但站长们的这些良苦用心往往会被一些流氓宽带商的恶意行为给 粉碎了。几乎所有的宽带商(联通宽带、电信宽带、移动宽带、长城宽带、方正宽带等)都会在用户使用它们的宽带服务浏览网页时，在这些网页的页面上强行嵌入 自己的广告服务。
以大家熟知的36kr网站为例子来说明这个问题。我使…
Read More
注1* 之前我们比较过Foundation和Bootstrap， 这篇文章更加系统地介绍了目前比较浏览的前端响应式框架。
注2* 文中的多个框架基于SASS创建，SCSS是一种比LESS更简洁的样式表编程语言，它可以编绎成CSS，可复用CSS代码，声明变量，甚至是函数，类Ruby/Python的语法，参见： LESS vs SASS？选择哪种CSS样式编程语言?
最好的HTML5框架一般也是最流行的，使用这些框架可以极大地减少你的工作量，节约你的时间。
HTML5 有非常有用和令人意想不到的功能，但也有少数浏览器并不支持HTML5，因此我们需要基于HTML5的前端响应式框架做跨浏览器的支持。这些HTML5的 框架有…
Read More
[前端框架] Bootstrap 3 与 Foundation 5 的五大区别(译)
开发工程师, 使用 Bootstrap. 前端开发人员, 使用 Foundation. 我们来谈谈为什么.
Bootstrap 与 Foundation 有许多关键的区别, 但是, 我想你只需要记住一件事:
ZURB 和 Twitter 的两种设计理念是很清楚的, 从他们对自己的框架的命名就可以看出来: Bootstrap 有引导, 开机自举的意思, 换言之, 它尝试处理你项目中一切所需要的. 而 Foundation 有创建, 创造的意思, 换言之, 它仅仅给你项目中强有力的创造力.
保持这种看法, 现在我来列出两者之间更多的关键区别:
1. UI 元素
Foundation…
Read More
从今天开始，我们将开始HTML5游戏开发一系列的文章。在我们的第一篇文章中，我们将讲解在画布canvas上的基础工作，创建简单的对象，填充和事件处理程序。另外，要注意在这个阶段中，我们不会立即学习WebGL相关的3D部分。但我们会尽快在未来的WebGL。
在每篇文章中，我们都将学习到一些新的东西。我们第一次创建一个对象，有7个顶点，这些顶点，我们将绘制圆，我们将能够拖动这些顶点。此外，我们将顶点对象填充为半透明色。我认为这是作为入门教程已经足够了。
这里有我们的演示和下载包：
在线演示 源码下载
好吧，下载文件，然后让我们开始编码吧！
步骤1：HTML
这里是…
Read More
今天，我们继续html5游戏制作入门系列的系列文章。今天，我们将继续基础知识（也许甚至是高级技巧的基础）。我要告诉你如何具有渐变颜色填充对象，绘制文本，使用自定义的字体绘制文本，基本的动画，以及最重要的UI元素 – 按钮。
我们以前的文章中，你可以在这里阅读：html5游戏制作入门系列教程（一）。我们会用到以前的脚本，并将其功能加强。我要绘制文本，使用自定义字体，动画对象（方形）与渐变色填充，将利用“播放/暂停”按钮暂停动画。
这里有我们的演示和下载包：
在线演示 源码下载
好吧，下载所需文件，让我们开始编码！
步骤1： HTML
这里是我演示的HTML
…
Read More
今天，我们继续一系列文章，使用HTML5的canvas组件进行游戏开发。接下来，我们将开始学习如何添加动画以及一些更有趣的功能。我 们的演示将包括一艘太空船飞越时空，并使用一个新的游戏元素 – 对话框。对话框将包含两页，我们的按钮用来切换对话框的页面，并隐藏对话框。
你可以点击这里阅读这一系列教程的前一篇文章：html5游戏制作入门系列教程（二）。我们的将基于之前的程序和代码进行开发。
这里有我们的演示和下载包：
在线演示 源码下载
好吧，下载所需文件，让我们开始编码！
步骤1： HTML
这里是我演示的HTML
<!DOCTYPE html>
<html lang="…
Read More
今天，我们继续一系列文章，使用HTML5的canvas组件进行游戏开发。今天我们要学习下元素：声音控制与动画。在我们的演示中，你会 看到一个飞龙。我们会听到持续的翅膀拍打的声音（我们将循环这个声音），和龙的怒吼声（mouseup事件）。最后，我们会让我们的龙不断的接近鼠标光标 （当我们按住鼠标）。
你可以点击这里阅读这一系列教程的前一篇文章：html5游戏制作入门系列教程（三）。我们的将基于之前的程序和代码进行开发。
这里有我们的演示和下载包：
在线演示 源码下载
好吧，下载所需文件，让我们开始编码！
步骤1： HTML
这里是我演示的HTML
<!DOCTYPE html>
<…
Read More
我们继续这一系列文章，使用HTML5的canvas组件进行游戏开发。今天，这是相当完整的游戏例子 – 它会回顾经典的旧电脑游戏 – 坦克大战。我会教你使用阵列地图并教你如何检测活动对象（坦克）与环境（基于阵列的地图）的碰撞。
你可以点击这里阅读这一系列教程的前一篇文章：html5游戏制作入门系列教程（四）。我们的将基于之前的程序和代码进行开发。
这里有我们的演示和下载包：
在线演示 源码下载
好吧，下载所需文件，让我们开始编码！
步骤1： HTML
这里是我演示的HTML，非常简单，对不对？
<!DOCTYPE html>
<html lang="en" >
<h…
Read More
我们继续这一系列文章，使用HTML5的canvas组件进行游戏开发。今天，我们将创建我们的第一个完整的游戏 – 打砖块。在这一课中，我会告诉你如何检测基本的碰撞和HTML5的本地存储。您可以使用鼠标和键盘（左/右按钮）来操作垫拍左右运动。我们将html5本 地存储技术存储经过历史的游戏时间和碎砖（点）的数据。
这里有我们的演示和下载包：
在线演示 源码下载
好吧，下载所需文件，让我们开始编码！
步骤1： HTML
这里是我演示的HTML，非常简单，对不对？
<!DOCTYPE html>
<html lang="en" >
<head>
<meta c…
Read More
我们继续这一系列文章，使用HTML5的canvas组件进行游戏开发。我们将要更新完善我们的第4课html5游戏制作入门系列教程（四）的游戏实例，并增加了火球，敌人和碰撞检测等功能模块。所以，现在我们的飞龙可以施放火球来杀死敌人（还有成绩统计）。现在，这个游戏的互动性更强了。你可以点击这里阅读这一系列教程的前一篇文章：html5游戏制作入门系列教程（六）。我们将基于之前的程序和代码进行开发。
这里有我们的演示和下载包：
在线演示 源码下载
好吧，下载所需文件，让我们开始编码！
步骤1：HTML
下面是基本的HTML代码：
这里是我演示的HTML，非常简单，对不对？
<!…
Read More
今天，我已经准备了一个新的游戏 – SkyWalker。基本上 – 这是用飞飞行模拟射击类游戏。我们的目标到达终点线。这个游戏还有其它一些特点，例如使用飞机运动动画和爆炸动画，多按键处理（例如同时移动和攻击），有 一定的水平长度，增强了碰撞检测（现在的敌人可能会损坏我们的飞机） ，生命值和分数等游戏参数。你可以点击这里阅读这一系列教程的前一篇文章：html5游戏制作入门系列教程（七）。我们将基于之前的程序和代码进行开发。
这里有我们的演示和下载包：
在线演示
好吧，下载所需文件，让我们开始编码！
步骤1：HTML
下面是基本的HTML代码：
这里是我演示的HTML，非常简单，对不对…
Read More
想让进程在断开连接后依然保持运行？如果该进程已经开始运行了该如何补救？ 如果有大量这类需求如何简化操作？
我们经常会碰到这样的问题，用 telnet/ssh 登录了远程的 Linux 服务器，运行了一些耗时较长的任务， 结果却由于网络的不稳定导致任务中途失败。如何让命令提交后不受本地关闭终端窗口/网络断开连接的干扰呢？下面举了一些例子， 您可以针对不同的场景选择不同的方式来处理这个问题。
nohup/setsid/&
场景：
如果只是临时有一个命令需要长时间运行，什么方法能最简便的保证它在后台稳定运行呢？
hangup 名称的来由
在 Unix 的早期版本中，每个终端都会通过 modem 和系统通讯。当用户 l…
Read More
Mobile Detect is a lightweight PHP class for detecting mobile devices (including tablets). It uses the User-Agent string combined with specific HTTP headers to detect the mobile environment.
You may consider this script as being part of the RESS (Responsive Web Design with Server-Side Component) movement. You can find out more on the topic by reading
jquery.cookie
A simple, lightweight jQuery plugin for reading, writing and deleting cookies.
If you’re viewing this, you’re reading the documentation for the old repository. View documentation for the latest backwards compatible release (1.5.1).
Build Status Matrix
Installation
Include script after the jQuery library (unless you ar…
Read More
