HTML(5),CSS(3),JavaScript,DOM,Ajax,JSON,Front-end technologies & Yaohaixiao
HTML(5),CSS(3),JavaScript,DOM,Ajax,JSON,Front-end technologies & Yaohaixiao
YAOHAIXIAO.COM » Home
![[更新]BlueNight 原创 WordPress 主题下载(Version 1.3.36)](http://www.yaohaixiao.com/wp-content/themes/BlueNight/images/no-photo.gif)
自己是做前端开发工作的，对于页面前端代码的质量和性能一直都要求比较严格。而从网上下载的那些 WordPress 主题的 HTML 结构和前端的性能一直都不太满意，所以这两天就自己动手做了一个——BlueNight。 BlueNight 主题特点简介 支持自定LOGO，可设置文字或者图片 LOGO 支持自定义背景图片 支持（顶部、主导航、底部）自定义菜单 支持 Featured Image, 默认尺寸：106 * 106 支持 Featured Image Header（首页幻灯图片） 非首页显示20张随机的背景图片，没什么特殊，就是为了展示一下自己的城市，让页面也不那么单调。如果您对这些图片背后的故事感兴趣，可以看看《BlueNig… [阅读全文]
其实我在《将文本中url地址替换为可以点击的链接的处理办法》一文中介绍过PHP代码如何实现将URL地址转化成链接的方法，今天给大家介绍一个更加简洁的版本，先来看看PHP的源代码： auolink() API /** * Author: SeeDZ * From: http://code.seebz.net/p/autolink-php/ **/ function autolink($str, $attributes = array()) { $attrs = ”; foreach ($attributes as $attribute=>$value) { $attrs .= ” {$attribute}=\”{$value}\”"… [阅读全文]
TodoMVC 选择适合项目的MVC框架不再纠结。又一个新的项目开始了，可是还在犯愁该使用什么MVC框架才适合现在的项目。不知道大家有没有过类似的经历，我是曾经纠结过的。TodoMVC 这款工具应该可以解决你的烦恼。TodoMVC 是这样介绍自己的： Developers these days are spoiled with choice when it comes to selecting an MV* framework for structuring and organizing their JavaScript web apps. Backbone, Ember, AngularJS… the list of … [阅读全文]
之前写了关于前端性能优化的系列博文，介绍了 YSlow 和 PageSpeed 的前端性能优化的规则。而今天则要给大家推荐几本个人认为不错的关于前端性能优化的书籍。 《高性能网站建设指南》 作者：Steve Souders 出版社：电子工业出版社 简介：这本书是 Steve 还在任雅虎首席性能分析师时编写的，这个本书应该算是前端工程师必看的一本书关于前端性能优化的书了。真不必多介绍了，一定要买了看看！ 整本书就是介绍14条前端性能优化规则，每一条规则都是前端工程师们应该牢记的（Steve 的演讲视频：High Performance Web Sites 14 Rules for Faster Pages）： 尽可能的减少 HTTP … [阅读全文]
Light Table Light Table是一个多平台的免费的IDE。其网站是这么介绍这款IDE的： Light Table is a new interactive IDE that lets you modify running programs and embed anything from websites to games. It provides the real time feedback we need to not only answer questions about our code, but to understand how our programs really work. Light Table 是… [阅读全文]
今天介绍 PageSpeed 的前端性能优化规则是：Defer parsing of JavaScript（暂缓 JavaScript 解析）。 Defer parsing of JavaScript 规则简介 In order to load a page, the browser must parse the contents of all <script> tags, which adds additional time to the page load. By minimizing the amount of JavaScript needed to render the page, and deferring … [阅读全文]
今天介绍 PageSpeed 的前端性能优化规则是：Specify image dimensions（指定图片大小）。 Specify image dimensions 规则简介 Specifying a width and height for all images allows for faster rendering by eliminating the need for unnecessary reflows and repaints. 译文：为所有图像指定宽度和高度能够实现更快的渲染并可以省去不必要的重排列和重绘。 其实在前面介绍《Do not scale images in HTML》规则的是有就提到过，给图片设置大小的… [阅读全文]
今天介绍 PageSpeed 的前端性能优化规则是：Optimize images（优化图片）。 Optimize images 规则简介 Properly formatting and compressing images can save many bytes of data. 译文：选择正确的图片格式和压缩图像可以节省很多的字节的数据。 优化图片不光指压缩图片大小，还包括如何选择正确文件格式保存图片。压缩的工具我在《推荐4款在线图片压缩工具》一文中已经介绍了一些，今天再介绍一款Mac系统下的压缩工具：ImageOptim，可以压缩很多中格式的图片，可以在MacUpdate里直接下载，目前还是免费的，而且图片的压缩率也还不错。用… [阅读全文]
今天介绍 PageSpeed 的前端性能优化规则是：Optimize the order of styles and scripts（优化样式表和脚本的排列顺序）。之前我们介绍过关于调用外部资源文件的规则《Put CSS at top》和《Put JavaScript at bottom》，今天要讲的是，如果JavaScript外部资源文件不得不放在头部的时候要如何优化它们之间的排列顺序。 Optimize the order of styles and scripts 规则简介 Correctly ordering external stylesheets and external and inline scripts enabl… [阅读全文]
DataTables 是一款开源的jQuery的表格Grids插件，采用GPL v2 或者 BSD (3-point) 协议授权。 DataTables is dual licensed under the GPL v2 license or a BSD (3-point) license. DataTables 有较为完善的 API 文档，常用的示例和使用方法都可以非常方便的在网站上查询到。DataTables 本身的功能就已经是十分强大了，再加上众多的 Extras 和 Plug-ins，让 DataTables 变得更加强大。推荐大家试用一下！ 官方网站：http://datatables.net/ 软件下载：V1.9.4
JSONLint 是免费的 JSON 数据的验证器，还有收费的 JSONLint Pro，Github 上还提供源代码下载（Source is on GitHub）。我现在开发Ajax应用几乎全是用的JSON格式数据，一直苦恼没有好的验证工具，而不同框架里的错误提示都不太清楚，很含糊，无法准确的定位错误。有了 JSONLint，我可以很放点位到错误出现在数据的哪一行。 The JSON Validator 谢谢 Arc90 Lab，校验JSON数据终于可以变得轻松容易了。
阅读：4252157 条评论
自己是做前端开发工作的，对于页面前端代码的质量和性能一直都... [阅读全文]
阅读：81487 条评论
在我们这里有个神奇的事情叫翻墙。为了查询资料访问国外的一些... [阅读全文]
阅读：47027 条评论
程序简介： YTabs 是3年前利用 YUI 2.6 框架... [阅读全文]
阅读：64286 条评论
PNG 图片处理透明效果的图片质量要比 GIF 格式的图片... [阅读全文]
阅读：171846 条评论
如果你准备玩 WordPress，几下几款插件应该算是居家... [阅读全文]
阅读：93456 条评论
我们经常可以看到类似的 JavaScript 弹出层效果，... [阅读全文]
阅读：4252157 条评论
自己是做前端开发工作的，对于页面前端代码的质量和性能一直... [阅读全文]
阅读：366252 条评论
程序简介： JW FlvPlayer个人觉得是我用过的最... [阅读全文]
阅读：171846 条评论
如果你准备玩 WordPress，几下几款插件应该算是居... [阅读全文]
阅读：99923 条评论
安装 vsftpd 服务 vsftpd 服务是 Cent... [阅读全文]
阅读：93456 条评论
我们经常可以看到类似的 JavaScript 弹出层效果... [阅读全文]
阅读：81487 条评论
在我们这里有个神奇的事情叫翻墙。为了查询资料访问国外的一... [阅读全文]
巨浪 2014年04月17日 说：
今天将JavaScript和PHP代码都调整了...
af外套 2014年03月21日 说：
集中權重的一致做法啦
番茄 2014年03月14日 说：
貌似有点复杂哈。
巨浪 2014年03月12日 说：
不好意思，我更正了前文中提到的一个...
电气火灾监控系统 2014年02月26日 说：
是个好工具，怎么用倒是不太会。这个...
巨浪 2013年11月20日 说：
不能只会用，希望能帮助大家真的读懂...
巨浪 2013年11月04日 说：
基本上 CSS Expression 个 JS 是一个...
CSS Expression - web前端 - 开发者第1096255个问答 2013年11月02日 说：
[…] Huugle 在我的博客《CSS ...
我是前端工程师 2013年10月18日 说：
1.3.36 调整内容： 1. 修复了IE6，I...
诸葛小觉 2013年10月07日 说：
这真是太棒了~~~~
下一页 »