网上有很多 PHP 代码片段可以提高开发效率，也可以学习一下其中的技巧而应用在自己的项目中，下面 我爱水煮鱼 就精选了几个比较有用的 PHP 片段。 从网页中提取关键词 从指定页面中提取关键词并显示出来。 …
六个有用的 PHP 片段或技巧
检测设备平台，操作系统，方向 Javascript 库：Device.js
Device.js 是一个可以让你检测设备的平台，操作系统和方向 JavaScript 库，它会自动在 <html> 标签添加一些设备平台，操作系统，方向相关的 CSS class，这样就能让你针对不同设备撰写不同的 CSS，并 …
JavaScript 日期选择器 Pikaday 的高级用法
我前面介绍了轻量级的 JavaScript 日期选择器 Pikaday 和其简单的用法，但是在使用当中发现有几个限制： 下面就讲解下如何解决这两个问题： 1. 首先同样创建如下的输入框： 2. 调用时间格式化和本地化 Java …
jQuery Easing Plugin 网页缓动函数速查表
以 jQuery 为例，还记得之前在我爱水煮鱼上推荐的那个缓动插件 jquery.easing.js 吗？常规的动画效果就是线性变化，例如匀速的移动某个块或者元素。这种过渡效果很显然是非常低端普通的。有了 jquery.easin …
ProCSSor：一个整理 CSS 代码的超棒工具
CSS 代码对于前端来说，是天天都要打交道的东西。在长期的前端开发中，每个前端开发者也形成了自己的 CSS 编写风格。有的习惯一行式、有的习惯多行式等等。如果看到了一段不同风格的 CSS 代码，往往会让人 …
CSS3 代码生成工具：Create CSS3
CSS3 具有相当多的新增属性，而且包括阴影、动画、过渡等华丽的效果。但是由于 CSS3 出来并没有很久，各个浏览器厂商还在开发中，有些属性仍然会带有实验性前缀。而且类似制作动画、渐变的 CSS3 代码也相当 …
iPhone，iPad 等常用设备的 CSS3 Media Queries
什么是 CSS3 Media Queries CSS3 中的 Media Queries 可以让我们设置不同类型的媒体条件，并根据对应的条件，给相应符合条件的媒体调用相对应的样式表。现在最常见的一个例子，就是可以同时给 PC 的大屏幕 …
PHP 缩图利器：TimThumb
TimThumb 是一个非常简洁方便用于裁图的 PHP 程序，只要给他设置一些参数，它就可以生成缩略图。现在很多 WordPress 主题中，都使用 TimThumb 这个 PHP 类库进行缩略图的处理。
浏览器对 CSS 选择器的兼容性列表
浏览器的兼容性是前端非常重要的一部分是每一个前端必备的技能，选择器则是 CSS 最基础的知识。熟练的掌握各种选择器，可以方便快速精准的为元素赋予样式，但是越是高级的选择器，就面临越多的兼容性问题， …
前端学习的知识结构和学习资料集合
一些业界的前辈们根据自己的实践经验和总结，发起了这样一个前端知识结构和学习资料的集合：Frontend Knowledge Structure（简称 fks ）。
使用 CSS 去掉 iPhone 网页上按钮的超大圆角默认样式
使用 iPhone 上的浏览器去浏览网页的时候，按钮总是显示超大圆角的样式，显得超级恶心，但是我们自己定义 border-radius 为 0 也无法去除这个圆角，经过搜索发现这是 webikt 内核浏览器通过私有属性 -webki …
为 IE7、IE8 增加圆角支持的 jQuery 插件：jQuery Corner
圆角在网页设计中比较常见，但是却让前端很苦恼。在过去的时候，做一个圆角效果往往需要将圆角图片切出，然后通过背景等实现效果。而在现在，CSS3 中有一个 border-radius 属性即可生成各种尺寸的圆角，十 …