档案 五月 7th, 2009

Ajax在加载的时候页面会出现暂时的空白,从用户体验上来讲这个是很不友好的,初级用户甚至会有不知所措的感觉,通常对付这个缺点,我们会在Ajax加载的时候友好的现实一个小动画,并提示“页面正在加载中…”

这里我就推荐一些loading常用icon的在线制作和收藏,loading图标在线制作可以选择图形,前景,背景和透明,加载速度,来看看吧~~

http://ajaxload.info/

http://preloaders.net/
(全文 …)

[ 译注 ]

看了这篇文章,你也要思考一下是否使用Sitemap生成器来生成Sitemap。对一个 wordpress博客来说,它的网站链接结构很好,不会影响搜索引擎蜘蛛(也有译做搜索引擎机器人)自然爬行,所以为了使Google尽快收录,最好使 用Google XML Sitemaps生成器(Google XML网站地图生成器)来生成并提交你的Sitemap。我从一开始就使用了这个插件,发现Google收录我的新文章确实非常快,具体时间没有测试,应 该在半小时内。

译文首发于:http://easwy.com/blog/archives/do-sitemaps-effect-crawlers/

[ 译文 ]

就像其它人一样,我也形成了习惯,好的坏的都有。最近正为一个客户的网站工作,就像我一直以来的做法那样,我创建了一个sitemap,把它提交给了搜索引擎。我开始思考这样做是否真的对网站有帮助,以及当我提交sitemap时的影响是什么。
(全文 …)

一些好用的CSS Reset

作者: seasun

Reset也就Reset ,就是重置一些标签样式,或者说默认的样式。前端开发工作中有一款好的、统一的Css Reset将提高开发效率,提高样式代码的重用,减少重复代码,减少维护成本。

现在分享一些老外的Css Reset,供大家参考;

1.Ateneu Popular CSS Reset

查看:Ateneu Popular

优化的方式形形色色,一般无外乎按照一定的关键词,通过对网站结构,页面因素和外部链接的优化,使网站得到最佳的搜索引擎排名。但事实上我们发现,有一些网站由于采取了不正确的优化策略,不但未能有效提升网站的排名,反而使网站排名惨跌甚至遭到搜索引擎删除。
在此我们列出被Google明令禁止的属 SPAM性质的优化技术供大家借鉴。

一、隐藏文本/隐藏链接

一般指网页专为搜索引擎所设计,但普通访问者无法看到的文本内容或链接。在形形色色的隐藏技术中,最常见的就是把文本或链接文字的字体颜色设置为与背景色相同或十分接近。

(全文 …)

DIV+CSS设计的网站是按照W3C标准的,如果一个站点完全是CSS+DIV制作的,那么你网站的SEO(搜索引擎优化)工作已经完成了30%!为什么会这么说?SEO其他方面在哪好,请接着我的思路往下看:

DIV+ 网站相当30%的SEO工作

1、div+css网站遵循“网页结构、表现、行为分离,互不干涉抢功”理念,且不说SEO,其实按照这个理念建设起来的网站,网页打开速度会明显 的加快。因为按照这个理念,网页将会分成html、css、js三种类型的文件,而css、js又是可以缓存的,所以浏览一个这样的网页其实就是下载 html 代码就行了,速度当然变快。

我们先看看SEO都做啥:
(全文 …)

很多朋友都认为关于URL优化方面的工作是后端工程师做的,前端方面注重结构方面的优化就可以了。其实不然,对于请求及DNS请求等等诸多方面,前端工程师也应该在自己能做到的方面给予优化。

下面我就说说我对于URL在前端优化方面的理解。

首先,第一点,比较“吝啬”,就是使用“c”、“j”、“i”文件夹分别代替我们经常用的“”、“javascript”、“images”文件夹。当然很多人会说,有这个必要吗?我个人觉得有,虽然这样做或许不会对页面精简带来太大的效果,但是并不会带来任何坏处。
(全文 …)

我们知道,IE6可能过不了多久就会消失了,但是我们还能继续支持这个浏览器并且避免hack和有约束的CSS吗?这里是10个使用有效的HTML和CSS代码来修正IE6主要问题的方法。

1. 使用DOCTYPE

你应该在一直每个HTML文件的头部都使用DOCTYPE,并且我们推荐使用strict 版本,比如:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/
strict.dtd">

或者,对于XHTML使用:

<!DOCTYPE html PUBLIC "-//W3C//DTD  1.0 Strict//EN" "http://www.w3.org/TR/
1/DTD/1-strict.dtd">

(全文 …)

利用 来实现对象的垂直居中有许多不同的方法,比较难的是选择那个正确的方法。我下面说明一下我看到的好的方法和怎么来创建一个好的居中网站。

使用 CSS 实现垂直居中并不容易。有些方法在一些浏览器中无效。下面我们看一下使对象垂直集中的5种不同方法,以及它们各自的优缺点。(可以看看测试页面,有简短解释。)

(全文 …)

IE8正式版出来有一段日志了,但是针对ie8正式版的CSS hack却很少,其实这是值得庆幸的,因为ie8修复了很多IE6和IE7的一些BUG,更加接近W3C标准。

针对IE8正式版的CSS hack目前可以找到的分为2种:

第一种:”\9″:

基本的写法:

test { color/*\**/: blue\9 }

条件CSS的使用

作者: seasun

介绍

毫无疑问,任何一个试图使用 的网页设计师和开发人员都会发现不同的浏览器要求不同的样式声明。这些烦恼归咎于各浏览器及其各版本不同程度的 执行的完整性。条件 是这个问题的一个解决方案,采用的是 Internet Explorer 的条件注释语法的思想,并把它内联到 声明之中。

基本用法

条件 CSS 主要用于指出一个特别的 CSS 声明是不是应该用于一个特别的浏览器。当然你不希望经常这么做,但是当你需要针对一个浏览器的时候,它会非常有用。可以在U4EA支持列表里看到,大部分的浏览器都支持这种方式。

任意 CSS 声明或者块都可以添加条件声明前缀,这些前缀有3种基本类型:

(全文 …)