wordpress标签页的制作

最近开始迷恋上豆瓣网,在用标签来搜索豆瓣的电影的时候很方便,并且豆瓣电影有一个单独的标签页,可以列出所有的标签,我觉得这对于用户来说是很方便的。于是我就想,这么有利于用户体验的功能为什么不给自己的网站也做个呢?

wordpress可以使用wp_tag_cloud()函数输出标签云,你可以先看看实际的演示效果:

wp_tag_cloud()函数的参数解说

在sidebar.php模板文件中找到了标签云的输出代码:

<?php wp_tag_cloud('unit=px&smallest=11&largest=20&number=45&orderby=count'); ?>
阅读全文 »

22个HTML5的初级技巧

Web技术的发展速度太快了,如果你不与时俱进,就会被淘汰。因此,为了应对即将到来的HTML5,本文总结了22个HTML5的初级技巧,希望能对你进一步学习好HTML5会有所帮助。

1. 新的Doctype声明

XHTML的声明太长了,我相信很少会有前端开发人员能手写出这个Doctype声明。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

HTML5的Doctype声明很短,看到这个声明相信你马上就能记住,不用浪费脑细胞去记那长的有点变态的XHTML的Doctype声明了。

<!DOCTYPE html>

HTML5的简短的DOCTYPE声明是让Firefox、Chrome等现代浏览器和IE6/7/8等浏览器都进入(准)标准模式,你可能会奇怪IE6/7居然也可以支持HTML5 Doctype,事实上,IE是只要doctype符合 这种格式,都会进入标准模式。

阅读全文 »

使用lazy load延迟图片的加载

lazy load是一款用来延迟图片加载的jQuery插件,如果网页上的图片比较多,使用这个jQuery插件就可以在一定程度上降低服务器的负载,从而达到优化网页的效果。

细心的同志可能注意到了本博首页的文章缩略图的加载效果,当用户往下拖动滚动条的时候,图片才会加载出来。正常的加载方法是在页面载入时同时加载图片的,可以说是“多线程”的加载方式吧,而lazy load的加载方式就是按需加载,效果还是挺不错的。

lazy load的使用也很简单,既然是jQuery插件,那么第一步肯定是在<head>标签中导入jQuery的库文件,然后接着导入lazy load的代码:

阅读全文 »

压缩JS/CSS的利器–minify

minify是一款使用PHP5开发的一款用于压缩合并Javascript和CSS文件的应用程序,是前端开发人员优化页面加载速度的一款很好的工具。

本博就使用了minify对整个网站的Javascript和CSS文件进行了压缩,压缩率非常高,大大缩短了页面的加载时间。对于wordpress还有相应的插件,如果你也使用wordpress并且不喜欢自己动手修改文件,那你可以直接下载WP-Minify这款插件。如果不是wordpress,或者喜欢自动动手DIY的接着往下看…

阅读全文 »

新的博客,新的起点

离上次写博已快一年了吧,自从百度空间被管理员删过两篇文章后之后又被广告商成功占领,就再也不想上百度空间写点啥的想法了。

去年的时候就想自己架设博客了,至少可以有个地方写点什么或者发表些技术性的文章,但一直觉得挺忙,所以就一直延期,延期到今天才终于成功上线,有那么一闪而过的鸡冻。

近一年来,发生了很多事,对于本博来说也算是人生的道路转了几个弯吧。也改变了对一些原来有所坚持的事情的看法,人生观,世界观都产生了一些变化,不知道这是否叫变得成熟了。

新的博客,网路上新的起点,也希望能借此博客能认识更多志同道合的朋友,分享一些在工作中的技术心得。

阅读全文 »