html5语义化标签之结构标签

html5里面新增加了一些标签,这些标签使得html更语义化,本文主要提到的标签有:section、article、header、nav、footer、hgroup、aside。

section标签

<section>标签,定义文档中的节。比如章节、页眉、页脚或文档中的其它部分。它用来表现普通的文档内容或应用区块,通常由内容及其标题组成。但section元素标签并非一个普通的容器元素,它表示一段专题性的内容,一般会带有标题。
未完,继续阅读

网页版面设计排版的五个技巧

作为一名设计师,怎样才能把一个封面设计的即简单又吸引人?当版面上需要放置多张图片时,怎样才能把它有序而整齐的展现出来?在设计网页时,怎样才能在众多信息中突出我们想要突出的主题?如何才能在较短的时间内完成最佳的作品?本文通过五个实例启发你的创意之门 。

一、狭窄的封面与内页形成吸引人的对比效果

如果你在设计一本报告书封面时,可以通过在狭窄封面上,使用彩色图片,以此吸引读者的注意力,同时又能让读者看到下面一页的部分内容。部分内容简单的表述一些内容,这种版式,任何人都对它产生冲动,想去翻开,一看究竟。
未完,继续阅读

谷歌浏览器CSS之A:HOVER

在谷歌浏览器中如果在a:hover{}里面加入display:block之后。。效果无法出现,而在其它浏览器中一切正常的解决方法是再增加一个专门针对谷歌浏览器的样式:

a:webkit-any-link{display:block;}

php ob_start及其相关方法详解

php函数中,有一组以ob_开头的函数,被称为Output Control函数,通过设置缓冲区用来控制数据的输出,其中ob_start为开启缓冲区。当用户开启了缓冲区,所有将要输出到页面的信息将先被放置在缓冲区内,直到你用 flush 或者 ob_end_flush 才会输出到页面上。

不过对使用 header() 或 setcookie() 发送的文件头信息不会被写入缓冲区,对header()有多了解就知道,在使用header函数之前,页面是不能有输出哪怕是空格和换行也不行,否则就会报“Header had all ready send by”的错误信息了。当时当我们在页面最开始开启了缓冲区(调用ob_start方法),那我们输出的内容将被缓存在缓存内,这样在调用header方法时将不会出现“Header had all ready send by”的错误提示。见如下代码:
未完,继续阅读

2012年网页设计趋势

在纠结和彷徨中不知不觉已经走到2011年尾巴上,马上就要迎来充满“希望”的2012。不知道世界会不会毁灭,楼房会不会倒,房价会不会跌,也不用担心买不到诺亚方舟的船票,因为作为网页设计的我们,如果做不好工作,丢了饭碗,恐怕等不到那一天了。现在来回顾2011,展望2012,大家一起总结一下2012年网页设计究竟要超哪些方向发展:

1、响应式网页设计

forefathersgroup
伴随着移动互联网的普及和兴盛,响应式网页设计应运而生。响应式网页设计是一个网站能够兼容多个终端,这个概念可以说是为了移动互联网而生。在《85个很赞的响应式网页设计》里面有很多介绍。
未完,继续阅读

LazyLoad+ob_start(),完美解决图片延迟加载 [jQuery 插件]

Lazy Load是一个用户延迟加载图片的jQuery插件。再配合后台ob_start()开启页面缓冲区,就能完美的解决图片延迟加载,在没有后台配合的情况下,Lazy Load只是一个伪懒加载模式,长页面,多图时,它只能解决页面加载速度的问题,而不能解决减轻服务器压力的问题,甚至反而加重服务器压力。具体下文介绍。

Lazy Load介绍

Lazy Load是一个用JavaScript编写的jQuery插件,它可以延迟加载长页面中的图片,在浏览器可视区域外的图片不会被载入,直到用户将页面滚动到它们所在的位置。在包含很多大图片长页面中延迟加载图片可以加快页面加载速度,在某些情况下,他还能减轻服务器的压力。
而关于Lazy Load的介绍,最早是来源于一英文博客:http://www.appelsiini.net/projects/lazyload(下文将重新介绍)
后经翻译为:http://www.neoease.com/lazy-load-jquery-plugin-delay-load-image/
不过这些都是一年多以前的事情了,时至今日,Lazy Load已经更新到了1.6.0-dev版,比起当初已经有了一些变化。不仅如此,当初的插件有一大硬伤,如果不修改后台图片src属性,其表面实现了图片的延迟加载,实际上图片还是被下载的客户机上,并没有打到减轻服务器压力的目的。(实际上,在不修改后台代码的情况下,该插件任然没有解决这一问题)
以下是Lazy Load的介绍,我将按照原博客的方式介绍。
未完,继续阅读

css3实现背景颜色线性渐变

对于网页设计师而言,颜色渐变在网页设计中十分常见,而对于网页制作者来说,通常的方法就是把渐变切成图片来实现。伴随着css3的出现,实现背景颜色渐变,图片不再是唯一的实现方式。虽然IE浏览器还没有实现,但Mozilla和webkit内核的浏览器已经接受了这一实现方式。在这里面,我分别就这两种内核的浏览器进行讲解。
未完,继续阅读

WordPress修改首页右侧最新评论格式

WordPress自带的首页最新评论工具条的显示格式是作者加文章的连接。而我们可能更希望显示用户评论的内容。怎么办呢?
我可以通过安装插件来解决,不过为了速度尽量不使用插件。
我们还可以通过修改 wp-includes/default-widgets.php 来解决。
找到wp-includes下的default-widgets.php,用记事本或者EditPlus等文本工具打开,记得备份文件(你懂的)。
搜索“recentcomments”,找到如下代码
未完,继续阅读