2012年1月31日
Yahoo网站性能最佳体验的34条黄金守则
摘要： Yahoo!的ExceptionalPerformance团队为改善Web性能带来最佳实践。他们为此进行了一系列的实验、开发了各种工具、写了大量的文章和博客并在各种会议上参与探讨。最佳实践的核心就是旨在提高网站性能。ExcetionalPerformance团队总结出了一系列可以提高网站速度的方法。可以分为7大类34条。包括内容、服务器、cookie、CSS、JavaScript、图片、移动应用等七部分。其中内容部分一共十条建议：一、内容部分1尽量减少HTTP请求2减少DNS查找3避免跳转4缓存Ajxa5推迟加载6提前加载7减少DOM元素数量8用域名划分页面内容9减小iframe的大小10避免 阅读全文
posted @ 2012-01-31 17:03 恋爱灰尘 阅读(166) 评论(0) 推荐(0) 编辑
整洁规范的HTML标记如何书写之一？
摘要： 西部数码华东联盟站长资讯中心：良好的HTML代码是一个漂亮网站的基础。当我教别人CSS的时候, 我总是首先告诉他们: 良好的CSS只存在于良好的HTML标记基础上。这就好像一间房子需要一个坚固的地基一样，对不？ 整洁、语义化的HTML标记具有很多的优势，但却还是有很多网站使用着并不友好的标记写法。让我们来看一些写得并不友好的HTML标记, 并针对这些问题进行讨论，从而学习如何书写整洁规范的HTML标记。 注: Chris Cyier在这里使用了两个文档来进行本文的代码说明:bad code 和 good code 。大家学习的时候请参考着这两个文件。1. 严格的 DOCTYPE我们要做到这一. 阅读全文
posted @ 2012-01-31 17:00 恋爱灰尘 阅读(219) 评论(0) 推荐(0) 编辑
  2012年1月4日
IE6下滤镜插入透明PNG背景，解决失焦问题
摘要： 在IE6或更低版本的浏览器插入PNG图片需要用到私有的滤镜，但是这样实现的背景图，会造成内容失焦，就是点不到背景之上的内容，可以使用css定义位置相对来解决。CSS:html>body#flash{background:url(images/page.png)no-repeat;}*html#flash{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://monw3c.blogbus.com/logs/images/page.png',sizingMethod='image&# 阅读全文
posted @ 2012-01-04 11:02 恋爱灰尘 阅读(226) 评论(0) 推荐(0) 编辑
  2011年12月28日
打败 IE 的葵花宝典：CSS Bug Table
摘要： 原文发表于：Alipay UED Blog – 打败 IE 的葵花宝典：CSS Bug Table问题浏览器DEMO解决方法Hacking Rules: property:all-ie\9; property:gte-ie8\0;*property:lte-ie7; +property:ie7; _property:ie6;1input[button | submit] 不能用 margin:0 auto; 居中IE8bug | fixed为input添加width2body{overflow:hidden;}没有去掉滚动条IE6/7bug | fixed设置html{overflow:hid 阅读全文
posted @ 2011-12-28 10:22 恋爱灰尘 阅读(180) 评论(0) 推荐(0) 编辑
  2011年12月20日
FLASH 基本知识
摘要： 一.影片控制函数 1) gotoandplay 跳转某一帧播放 2) gotoandstop 跳转某一帧停止 3) nextframe 转到下一帧 如 on(press) {nextframe;} 4) prevframe 转到上一帧 如 on(press) {prevframe;} 5) play 开如向后播放影片 如on(press){play();} 6) stop 停止当前播放位置 如on(press){stop();} 7) nextscene 转到下一个场景如 on(press){nextscene();} 8) prevscene 转到上一个场景如 on(press){prevs 阅读全文
posted @ 2011-12-20 14:43 恋爱灰尘 阅读(468) 评论(0) 推荐(0) 编辑
  2011年10月19日
PS玻璃板的制作
摘要： 其实步骤很简单,总的说来就是调节样式下的4个部分,截完图却发现弄了那么多张--...慢慢看,很好懂的,我已经尽量弄得详细些了,省得光用文字不够形象化,绿色桃心为需要调节部分1:打开一张图(因为要做的玻璃是透明的,所以最好衬着有图的背景)点击左侧工具栏形状按钮,如图2:把上方状态栏设置如下(左边的三个形状分别代表路径+填充、路径、填充.我们只用填充就行,选成圆角矩形,半径为4.半径越大圆角弧度越大.也可以做成没有圆角的直角矩形,个人感觉有一点儿弧度自然些)3:单开一个透明图层,前景色选为白色,拖出一个圆角矩形(其实什么颜色都行,因为这个色彩是要变成透明的,但是牵扯到后面的前景色渐变,所以这里就用 阅读全文
posted @ 2011-10-19 15:00 恋爱灰尘 阅读(597) 评论(0) 推荐(0) 编辑
  2011年7月22日
一段非常简单的让图片自动切换js代码
摘要： 1<scriptlanguage=javascript>2varcurIndex=0;3//时间间隔单位毫秒4vartimeInterval=1000;5vararr=newArray();6arr[0]="1.jpg";7arr[1]="2.jpg";8arr[2]="3.jpg";9arr[3]="4.jpg";10arr[4]="5.jpg";11arr[5]="6.jpg";12arr[6]="7.jpg";13setInterval( 阅读全文
posted @ 2011-07-22 16:15 恋爱灰尘 阅读(298) 评论(0) 推荐(0) 编辑
  2011年6月21日
国外网站404错误页面创意-最后一个页面我喜欢！
摘要： 错误页面往往是很多设计师遗漏的地方，因为他们很少看到的，或者至少按计划是这样(如果经常看到那就头大了)。但我们都知道的会发生这样的事情。访客可能会输入错误网址，或试图在你网站上找不存在的东西。404页面一般都会收到几次访问，但访问一个错误页面，一定不是愉快的用户体验的一部分。这就是现在许多设计师花一些额外的时间和精力去制作有创意的404页面的原因。这样做可以减少用户使用时的挫折感，并显示了网站对细节关注。在这篇文章里，我收集40个有创意的404错误页面，希望可以激发你灵感。 agens “貌似页面丢失”， 好可怜的宇航员。(以下所有的图片说明，引号里面是图片中文字的翻译，括号为是译者的评析。) 阅读全文
posted @ 2011-06-21 17:43 恋爱灰尘 阅读(785) 评论(0) 推荐(0) 编辑
  2011年3月25日
css控制字数
摘要： 控制文章标题字数，不是动态网页的专利，如果静态页面使用CSS样式，也可以实现相同的效果！看这个例子，你们可以复制到记事本保存为HTML文件看效果！<html><title>css控制字数</title><head><styletype="text/css">.dd{border:solid1pxgray;width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;course:hand;}</style></head& 阅读全文
posted @ 2011-03-25 16:43 恋爱灰尘 阅读(3004) 评论(0) 推荐(0) 编辑
浏览器Firefox与IE在CSS样式表中的差异
摘要： 1 针对firefox ie6 ie7的css样式 现在大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，但是ie7对!important可以正确解释，会导致页面没按要求显示！找到一个针对IE7不错的hack方式就是使用“*+html”，现在用IE7浏览一下，应该没有问题了。 现在写一个CSS可以这样： #1 { color: #333; } /* Moz */ * html #1 { color: #666; } /* IE6 */ *+html #1 { color: #999; } /* IE7 */ 那么在firefox下字体颜色显示为#333，I 阅读全文
posted @ 2011-03-25 14:09 恋爱灰尘 阅读(157) 评论(0) 推荐(0) 编辑