什么是 CSS3 Media Queries CSS3 中的 Media Queries 可以让我们设置不同类型的媒体条件，并根据对应的条件，给相应符合条件的媒体调用相对应的样式表。现在最常见的一个例子，就是可以同时给 PC 的大屏幕 …
iPhone，iPad 等常用设备的 CSS3 Media Queries
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 属性即可生成各种尺寸的圆角，十 …
轻量级 DOM 操作的 JavaScript 库：HTML.js
HTML.js 是一个轻量级的（压缩后只有 2kb）HTML DOM 操作 JavaScript 类库，它让你通过非常直观，可读性强的代码去操作遍历或者搜索 DOM 结点，并且很容易就能扩展。 比如通过一下代码就可以找到 class 为 …
制作网站或者 App 在样机上的截图：MockUPhone
在设备样机上展示网站或者应用的截图，可以让用户更容易想想真实产品的样子， MockUPhone 就是一个制作这样样机截图的免费 Web App。 它会让你从目前最流行的平板和手机中选择一款设备，上传截图，然后就会 …
常用正则表达式
用好正则表达式可以快速提高程序开发和程序本身的效率，网上关于正则表达式的教程也有很多，但是真正要精通正则表达式还是比较难，不过我们真正用到的正则表达式其实不会太多，如果掌握几个常用的正则表达 …
用于图片处理，合并压缩 CSS-JS以及缓存等操作的 PHP 库：Munee
图片压缩裁剪，CSS，JS 文件合并和 minified，这些工作是网站开发中，必不可少的，但是这些工做如果都是自己来处理，会非常麻烦，所以今天就推荐一个用于优化图片，CSS，JS 等网站附件的全功能 PHP 类库：M …
使用 JavaScript 统计段落，单词，字符：Countable
Countable 是一个 JavaScript 函数，可以用来统计某个 HTML 元素中包含文本的段落数、单词数和字符数。不依赖于其他库，体积非常小。 当然对中文支持还是不够完善，中文分词的关系，无法统计中文词数，每个 …
扁平化风格的前端开发框架：Furatto
Furatto 是一个扁平化风格，功能强大的前端开发框架，这个框架基于 Bootstrap 和 Foundation 等框架，可以用它快速 Web 开发。这个框架基于最新潮的扁平化 UI 风格，并且支持响应式设计。 除了的排版和网格 …