优化用户体验-交互设计中心-72色网http://www.72color.com/- 优化网站|百度优化,谷歌优化,css+div布局,72色网站交互设计,72色用户体验,js,脚本,代码,flash,72色网站设计RainbowSoft Studio Z-Blog 1.8 Walle Build 91204zh-CNCopyright 72color.com Your WebSite. Some Rights Reserved. var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Fb709747d78345f76df9883075f6eeba1' type='text/javascript'%3E%3C/script%3E")); admin 沪ICP备09011764号Thu, 11 Mar 2010 09:58:34 +08002009年度最佳jQuery插件整理chixianjin@gmail.com (chia)http://www.72color.com/post/192.htmlTue, 09 Mar 2010 11:16:48 +0800http://www.72color.com/post/192.htmljQuery 是个宝库，而 jQuery 的插件体系是个取之不竭的宝库，众多开发者在 jQuery 框架下，设计了数不清的插件，jQuery 的特长是网页效果，因此，它的插件库也多与 UI 有关。本文是 webdesignledger.com 网站推选的2009年度最佳 jQuery 插件。

拉洋片

在一个固定区域，循环显示几段内容，这种方式很像旧时的拉洋片，2009年，这种 Web 效果大行其道，jQuery 有大量与此有关的插件，以下插件无疑是最佳的。

...

]]>jquery/javascript http://www.72color.com/post/192.html#commenthttp://www.72color.com/http://www.72color.com/feed.asp?cmt=192http://www.72color.com/cmd.asp?act=tb&id=192&key=f818c9dddl dt dd的使用方法及实例说明chixianjin@gmail.com (chia)http://www.72color.com/post/191.htmlTue, 09 Mar 2010 10:51:50 +0800http://www.72color.com/post/191.html

CSS是非常简单,强大的,可以把网页表现的统一,漂亮,规范,使页面更加亲切.可以减少网页制作的代码量.

现在网络上已经有很多很多的css详细的教程.幸福工作室会通过一些自身的项目实例制作一些笔记教程.既可以作为幸福工作室成员的一些读书笔记,也希望能分享给网友学习.

在接下来,我们会陆陆续续的不断更新有关css的一些代码的学习笔记.这些都是我们幸福工作室在做网站的过程中受到的一些启发或者遇到的一些问题,所以摘录下来分享给大家.

dl dt dd的使用实例

...

]]>DIV+CSShttp://www.72color.com/post/191.html#commenthttp://www.72color.com/http://www.72color.com/feed.asp?cmt=191http://www.72color.com/cmd.asp?act=tb&id=191&key=b9e88b15Google内部SEO评估文档中的SEO建议chixianjin@gmail.com (chia)http://www.72color.com/post/190.htmlTue, 09 Mar 2010 09:06:36 +0800http://www.72color.com/post/190.htmlGoogle的搜索质量小组在Webmaster Central Blog上发布了一个涉及到Google自身产品网站的内部SEO报告文档(英文PDF文件)，通过报告我们可以看出Google本身的不同产品团队对于一些搜索引擎优化和用户体验优化方面的事情其实把握的也不是很好，Google的很多产品网站有很大的SEO提升空间(如果他们需要的话…)。

...]]>用户体验/交互设计http://www.72color.com/post/190.html#commenthttp://www.72color.com/http://www.72color.com/feed.asp?cmt=190http://www.72color.com/cmd.asp?act=tb&id=190&key=61798529针对IE8正式版的CSS hackchixianjin@gmail.com (chia)http://www.72color.com/post/189.htmlThu, 04 Mar 2010 18:34:38 +0800http://www.72color.com/post/189.html针对IE8正式版的CSS hack目前可以找到的分为2种：

第一种：”\9″：

基本的写法:

...

]]>DIV+CSShttp://www.72color.com/post/189.html#commenthttp://www.72color.com/http://www.72color.com/feed.asp?cmt=189http://www.72color.com/cmd.asp?act=tb&id=189&key=6cf4dae1用Windows XP的所有提示音打造出来的音乐chixianjin@gmail.com (chia)http://www.72color.com/post/188.htmlWed, 03 Mar 2010 09:54:28 +0800http://www.72color.com/post/188.html玩音乐的？看看这个视频你就知道什么玩音乐。

用Windows XP的所有声音（当然包括最经典的出错声音）也能制作成一首音乐？很明显有牛人将这个设想变成了现实，而且更加重要的是，当我们戴上耳机以看笑话的想法来欣赏这首音乐时，我们突然觉得应该肃然起敬才对，因为这首纯粹利用Windows XP内置声音做出的音乐是如此的强大！

废话不多说，一起来看看这首超级强大的音乐视频！

...

]]>我的地盘http://www.72color.com/post/188.html#commenthttp://www.72color.com/http://www.72color.com/feed.asp?cmt=188http://www.72color.com/cmd.asp?act=tb&id=188&key=570008b4修正IE6不支持position:fixed的bugchixianjin@gmail.com (chia)http://www.72color.com/post/187.htmlTue, 02 Mar 2010 15:18:24 +0800http://www.72color.com/post/187.html
本文所使用的技巧是用了一条Internet Explorer的CSS表达式(expression)。你不可以直接使用该表达式，因为它可能会因为缓存而不更新。解决这一点的最简单的方式是使用eval包裹你的语句。
如何解决“振动”的问题？

显然IE有一个多步的渲染进程。当你滚动或调整你的浏览器大小的时候，它将重置所有内容并重画页面，这个时候它就会重新处理css表达式。这会引起一个丑陋的“振动”bug，在此处固定位置的元素需要调整以跟上你的(页面的)滚动，于是就会“跳动”。
...]]>DIV+CSShttp://www.72color.com/post/187.html#commenthttp://www.72color.com/http://www.72color.com/feed.asp?cmt=187http://www.72color.com/cmd.asp?act=tb&id=187&key=9fd34d69编写干净的html代码且富有语义chixianjin@gmail.com (chia)http://www.72color.com/post/186.htmlSun, 21 Feb 2010 11:53:03 +0800http://www.72color.com/post/186.html如果你是一个使用div标签做任何事的家伙，那么这篇文章将对你十分有益。该问重点讲述了如何通过使用富有语义的标签和最少的div标记来编写干净的html代码。你是否曾经也试图去修改别人的一些html模板，那么你一定会被代码里那些肮脏的标签所抓狂。编写干净的html代码，不仅对你自己有益，而且对你的团队也有益。他将大大地节约了你的开发与错误调试时间（特别是比较大的一些项目）。

1.去除不必要的div标签：

我曾经看到好多的人将form和ul标签都包含在了div标签内。为什么要写一个不必要的标签呢。你可以给适当的选择器赋予css规则，这样也可以达到同样的效果。

...]]>DIV+CSShttp://www.72color.com/post/186.html#commenthttp://www.72color.com/http://www.72color.com/feed.asp?cmt=186http://www.72color.com/cmd.asp?act=tb&id=186&key=84f2ac92超炫的button按钮样式-赶上flash喽chixianjin@gmail.com (chia)http://www.72color.com/post/185.htmlWed, 10 Feb 2010 16:41:10 +0800http://www.72color.com/post/185.html先看看效果吧。
第一个效果是没有jquery的效果，只用了css。
第二个是用jquery让北京图片从上往下出来的效果，图片做了特殊效果，很炫吧，高尚flash效果了。
第三个是背景图片左右移动的效果。
第四第五个是图片上下移动渐显渐隐效果。
html
[CODE=html]
]]>DIV+CSShttp://www.72color.com/post/185.html#commenthttp://www.72color.com/http://www.72color.com/feed.asp?cmt=185http://www.72color.com/cmd.asp?act=tb&id=185&key=f75d6982简单实现圆角不固定长度的button样式chixianjin@gmail.com (chia)http://www.72color.com/post/184.htmlTue, 09 Feb 2010 18:03:36 +0800http://www.72color.com/post/184.htmlbutton,而且按钮样式也有很多样式的，光是直角不管你是渐变还是什么特殊效果，都很好搞定，
她偏偏都是些圆角的家伙，很是伤脑筋，做成固定图片吧，有相似的button按钮的长短不一，就要n多相似图片。
...]]>DIV+CSShttp://www.72color.com/post/184.html#commenthttp://www.72color.com/http://www.72color.com/feed.asp?cmt=184http://www.72color.com/cmd.asp?act=tb&id=184&key=aba620f0发节日祝福短信免费啦chixianjin@gmail.com (chia)http://www.72color.com/post/183.htmlThu, 04 Feb 2010 11:37:07 +0800http://www.72color.com/post/183.html快要过年了，打算在网上兜一些好玩的祝福短信，放到手机里，等着春节的短信挥霍。

结果让我兜到了一个省钱省力还省时的好办法，就是谷歌有免费发祝福的短信平台，一切都是免费的。哈哈，这样不用自己对着电脑屏幕一条一条的编辑在手机里了。
72色就在这里给大家共享一下。（如果你早知道了，不要笑哥out了。）

http://www.google.cn/rebang/msg?label=3

...]]>我的地盘http://www.72color.com/post/183.html#commenthttp://www.72color.com/http://www.72color.com/feed.asp?cmt=183http://www.72color.com/cmd.asp?act=tb&id=183&key=03b94589