jQuery技巧
一、简介 1.1、概述 随着WEB2.0及 ajax思想在互联网上的快速发展传播,陆续
介绍我知道的hack方法
现在浏览器多了,做web页面还是比较痛苦的,当然,如果你不在乎自己做的页面在有些浏
DIV CSS布局浏览器兼容的问题
刚学css div布局,总会遇到很多浏览器兼容的问题,这个问题困扰了一段时间,只到看了
如何实现FireFox文本自动换行
FireFox文本自动换行处理,如何实现FireFox文本自动换行 文本自动换行IE中解决方法
CSS教程:行高line-height属性(2)
相关文章: CSS教程:行高line-height属性(1) 7.3.3 行高的计算与继承 以em、ex和
CSS:闭合元素和浮动元素的差别
提示:本文不是教程,而是对闭合浮动元素的方法在某个特定情况下的现象的讨论,涉及
理解(X)HTML的文档结构
CSS通过与(X)HTML的文档结构相对应的选择器(selector)来达到控制页面表现的目的,而
CSS教程:理解继承属性及应用
4.5 继承 在本书的[3.3.2继承与层叠]一节曾经简要介绍过继承:(X)HTML元素可以从其
CSS教程:认识层叠规则互相作用
在本书的[2.3.1 (X)HTML与浏览器内置样式]一节曾经介绍过,样式表可能有三个不同的来源
CSS网页布局:关于定位(position)
使用CSS来定位页面内层的位置,一直是比较难以掌握的事情,很多时候,往往被绝对定位的
加速图片显示
原文:http://blog.rexsong.com/?p=746#comments
加速的关键,不是降低重量,而是减少个数。如果重量在200K以内,只要网络不是特别慢,效率都差不多。但是,如果图片个数多一倍,效率将明显低一个档次。
传统切图讲究精细,图片规格越小越好,重量越小越好,其实规格大小无所谓,计算机统一都按Byte计算。客户端每显示一张图片都会向服务器发送请求,所以,图片越多请求次数越多,造成延迟的可能性也就越大。因为一张图片的传输时间,通常远小于请求等待的时间。
减少图片的三个技巧(CSS Sprite):
1. 图片限制(Image Slicing)
典型如文本编辑器,小图标特别多,打开时一张张跑出来,给用户的感觉很不好。如果能用一张图解决,则不会有这个问题,比如百度空间、163博客、Gmail都是这么做的。

Image Slicing’s Kiss of Death
http://www.alistapart.com/articles/sprites
2. 单图转滚(Single-image Rollovers)
触发切换图片的需求,传统方案得重新请求新图片,因为网络问题经常造成停留或等待。如果能把多种状态合并成一张图,就能完美解决,然后再使用背景图技术模拟动态效果。

ColorScheme Ratings
http://demo.rexsong.com/200608/colorscheme_ratings/
3. 延长背景(Extend Background Image)
如果图片的某边可以背景平铺无限延长,则不需要每个角、每条边单独搞出来,图片能少一个就少一个。其实,这个理论还可以扩展到四角容器里,好处是能大大简化HTML Structure。

Extend Background Image
http://demo.rexsong.com/200705/extend_background_image/
综合案例
Google Korea(1和2技巧)
http://demo.rexsong.com/200705/google_korea/


CSS Menus(2和3技巧)
http://demo.rexsong.com/200705/css_background_menus/

| 10个经典的web2. | 《墨攻》日文官方 | 曼联官方网站 | ANNA SUI官方网站 | Web 2.0 的视觉设 |
- 夜的第四章—八月UI秀(四) - 2008-01-15这一位网名:太美丽,uirss官方群会员 http://www.toomo.com/zsj/ 很不错的作品. 手绘的这个不错 石子儿 上海的一位设计师,不清楚专业是什么
- 十九岁的天空 - 2008-01-15姓名:步果断 网名:KIDAUBIS 生活地:江苏南京 学校:南京艺术学院 专业:动画 出生:88年4月17日 网址: http://www.kidcomic.net 这是站长KD
- eicodesign新网站 - 2008-01-15顶尖设计团队eicodesign新网站上线
- 德国设计师LD-Sign作品 - 2007-07-31来自德国柏林18岁年轻的网页设计师Ld-sign
- 德国大众网站设计 - 2007-07-05最近事情一直比较多,但是今天无意中逛到德国大众的网站马上被他简洁大气的网页给吸引住了,所以就算忙也还是给大家截几个图,给大家分享一下。
- 华丽丽的插画站 - 2007-06-20华丽的插画站 http://www.drawcaliber.com/ ,话不多说,看图吧.
- eyeos网页操作系统 - 2007-06-20现在好多种桌面的服务正在向网络上转移,EYEOS这个做得相当不错,推荐试用。界面十分美观,有点类似MAC系统风格。界面很精致与使用。上面都是一些简单的
- 劳力士官方网站----永恒的奢华 - 2007-06-20劳力士官方网站----永恒的奢华 www.rolex.com 劳力士官方网站,几乎全部为FLASH,据估计可能是通过AS+JSP+XML来实现连接数据库。我们先来
·拼搏在于希望,快乐在于分享!
·您任意可以传播与复制本站设计界面,
但是【界面版权】仍规属于本站所有.
·您可以任意的修改本界面以及界面的html和css代码,
但是请不要用于商业用途.
·本站所有内容采用创作共用授权--署名和非商业用途。


















