4.然后 在家花3天的时间研究并写了 PHPnow GUI 控制面板 程序

5.然后来学校,把 对战平台的客户端也重新编译了一下[开源了~]
自己DIY 的 很是有成就感.

6.自己重新封装了一个 PHP+Ajax+XML  的留言本程序,用到了DOJO 库.很赞的说,还有网上的Dowload的一个封装的很好的PHP操作MySQL 的类,都用到了这个用户体验很好的 留言本中,待实习完了就 改装了学校的电影推荐系统.
7.写好了份简历,打算新学期去碰碰运气,网工虽然幸运的过了,要是CET-6 也幸运的过了就好了>
上个学期终究没有挂科,那个"灭绝师太"给了我60分,奇迹. RP 啊~
估计是我平时烧香拜佛多了.

转眼这个学期又细砂般溜走，既定的目标一个个实现，或许下个学期会工作室的成员又少了激情与动力，但不要在今后人生道路中懒散缺失激情。
不晓得为什么今天的碎碎念这个多，可能跟东东今天的离开和今天发生的一些事情有关。又婆婆妈妈了一回。
还有写给两个徒弟。你们一直很优秀，但能者难道就一定要多劳吗？这也是我一直在思考的问题。
简单点好。
累了，写完手工。

漂亮提示框效果，点击渐渐显示，自动慢慢消失。
DEMO

2，Digitalmash.com

3，Melissahie.com

4，Evanescenceuk.co.uk

5，Sitotis.hr

6，Mussatto.com.br

7，Basil Gloo

8，Danviv.net

9，CraigEarl.co.uk

10，JeremyCowart.com

11，Huge

12，Interview Magazine

13，The Horizontal Way

14，Swiths.com

15，Davor van Eijk

16，Ribbit.com

17，BootB

18，Vesess

19，Dinulovic.com

20，StoryAbout.net

类别一:DHTML AJAX Javascript 【Ajax脚本库】

分类二、AJAX Frameworks and JS Effects 【Ajax框架及Js特效】

1. moo.fx - a superlightweight, ultratiny, megasmall javascript effects library, to be used with prototype.js or the mootools framework
moo.fx是一个超级轻量级易用的js特效库，基于protoype.js框架或者mootools框架

2. script.aculo.us - easy-to-use, cross-browser user interface JavaScript libraries to make your web sites and web applications fly.
script.aculo.us 简单易用的跨浏览器UI特效库，让你的网站和应用程序运行如飞。

3. MAD 4 Milk   疯狂牛奶


4. Moo Tools - Compact, Modular, Object-Oriented javascript framework
Mootools 压缩，模块化，面向对象设计的js框架。 每个项目都可以自由定制，压缩后的脚本大小约36KB左右，完整注释版130KB左右

{ moo.fx | mad4milk | mootools 应该是同一个开源项目组了}

分类三、Free Icons 【免费图标】

1. Yellow Icon

2. Fast Icon

3. Icon Factory

4. Icon Archive

5. Icon Finder

6. Icon Kits

7. Icon Buffet

8. Max Power

9.Ajax的loading 动画资源

分类四、Color Tools 【配色工具】
1. Color Schemer - Professional color matching application for anyone from hobbyists to advanced professionals.
Color Schemer专业色彩搭配程序， 菜鸟到专业人士都适合

2. Color Lovers - A resource that monitors and influences color trends
Color Lovers 预测色彩流行趋势资源网站

3. Color Whore - A directory of nice colors
Color Whore 一个收藏色彩搭配的“大字典”

4. Color Jack

5. Daily Color Scheme - Daily fresh color schemes
每日新鲜的配色方案出炉

6. Color Blender

7. Well Styled

　　滤镜说明：

　　Alpha：设置透明层次
　　blur：创建高速度移动效果，即模糊效果
　　Chroma：制作专用颜色透明
　　DropShadow：创建对象的固定影子
　　FlipH：创建水平镜像图片
　　FlipV：创建垂直镜像图片
　　glow：加光辉在附近对象的边外
　　gray：把图片灰度化
　　invert：反色
　　light：创建光源在对象上
　　mask：创建透明掩膜在对象上
　　shadow：创建偏移固定影子
　　wave：波纹效果
　　Xray：使对象变得像被x光照射一样

　　1、滤镜：Alpha
　　语法：STYLE="filter:Alpha(Opacity=opacity, FinishOpacity=finishopacity，Style=style, StartX=startX，StartY=startY，FinishX=finishX，FinishY=finishY)"
　　说明：
　　Opacity：起始值，取值为0～100, 0为透明，100为原图。
　　FinishOpacity：目标值。
　　Style：1或2或3
　　StartX：任意值
　　StartY：任意值
　　例子：filter:Alpha(Opacity="0",FinishOpacity="75",Style="2")

　　2、滤镜：blur
　　语法：STYLE="filter:Blur(Add = add, Direction = direction, Strength = strength)"
　　说明：
　　Add：一般为1，或0。
　　Direction：角度，0～315度，步长为45度。
　　Strength：效果增长的数值，一般5即可。
　　例子：filter:Blur(Add="1",Direction="45",Strength="5")

　　3、滤镜：Chroma
　　语法：STYLE="filter:Chroma(Color = color)"
　　说明：color：#rrggbb格式，任意。
　　例子：filter:Chroma(Color="#FFFFFF")

　　4、滤镜：DropShadow
　　语法：STYLE="filter:DropShadow(Color=color, OffX=offX, OffY=offY, Positive=positive)"
　　说明：Color:#rrggbb格式，任意。
　　Offx：X轴偏离值。
　　Offy：Y轴偏离值。
　　Positive：1或0。
　　例子：filter:DropShadow(Color="#6699CC",OffX="5",OffY="5",Positive="1")

　　5、滤镜：FlipH
　　语法：STYLE="filter:FlipH"
　　例子：filter:FlipH

　　6、滤镜：FlipV
　　语法：STYLE="filter:FlipV"
　　例子：filter:FlipV

　　7、滤镜：glow
　　语法：STYLE="filter:Glow(Color=color, Strength=strength)"
　　说明：
　　Color：发光颜色。
　　Strength：强度(0－100)
　　例子：filter:Glow(Color="#6699CC",Strength="5")

　　8、滤镜：gray
　　语法：STYLE="filter:Gray"
　　例子：filter:Gray

　　9、滤镜：invert
　　语法：STYLE="filter:Invert"
　　例子：filter:Invert

　　10、滤镜：mask
　　语法：STYLE="filter:Mask(Color=color)"
　　例子：filter:Mask (Color="#FFFFE0")

　　11、滤镜：shadow
　　语法：filter:Shadow(Color=color, Direction=direction)
　　说明：
　　Color：#rrggbb格式。
　　Direction：角度，0－315度，步长为45度。
　　例子：filter:Shadow (Color="#6699CC", Direction="135")

　　12、滤镜：wave
　　语法：filter: Wave(Add=add，Freq=freq，LightStrength=strength，Phase=phase，Strength=strength)
　　说明：
　　Add：一般为1，或0。
　　Freq：变形值。
　　LightStrength：变形百分比。
　　Phase：角度变形百分比。
　　Strength：变形强度。
　　例子：filter: wave(Add="0", Phase="4", Freq="5", LightStrength="5", Strength="2")

　　13、滤镜：Xray
　　语法：STYLE="filter:Xray"
　　例子：filter:Xray

margin-top: 10px;
margin-right: 20px;
margin-bottom: 10px;
margin-left: 20px;

你可以将它简化为：
 

margin: 10px 20px 10px 20px;

又或者这句：
 

<p class="decorated">A paragraph of decorated text</p>
<p class="decorated">Second paragraph</p>
<p class="decorated">Third paragraph</p>
<p class="decorated">Forth paragraph</p>

可以用div来包含：
 

<div class="decorated">
<p>A paragraph of decorated text</p>
<p>Second paragraph</p>
<p>Third paragraph</p>
<p>Forth paragraph</p>
</div>

简化CSS能去除冗余的属性，提高运行效率。如果你写好CSS后懒得去做简化，你可以使用一些在线的简化CSS工具，比如CleanCSS。

四、网址后加斜杠

有些网址，比如"www.kenengba.com/220"，当服务器收到这样一个地址请求的时候，它需要花费时间去确定这个地址的文件类型。如果220是一个目录，不妨在网址后多加一个斜杠，让其变成www.kenengba.com/220/，这样服务器就能一目了然地知道要访问该目录下的index或default文件，从而节省了加载时间。

五、标明高度和宽度

这点很重要，但很多人由于懒惰或其它原因，总是将其忽视。当你在网页上添加图片或表格时，你应该指定它们的高度和宽度，也就是height和width参数。如果浏览器没有找到这两个参数，它需要一边下载图片一边计算大小，如果图片很多，浏览器需要不断地调整页面。这不但影响速度，也影响浏览体验。

下面是一个比较友好的图片代码：
 

<img id="moon" height="200" width="450" src="http://www.kenengba.com/moon.png" alt="moon image" />

当浏览器知道了高度和宽度参数后，即使图片暂时无法显示，页面上也会腾出图片的空位，然后继续加载后面的内容。从而加载时间快了，浏览体验也更好了。

六、减少http请求

当浏览者打开某个网页，浏览器会发出很多对象请求（图像、脚本等等），视乎网络延时情况，每个对象加载都会有所延迟。如果网页上对象很多，这可以需要花费大量的时间。

因此，要为http请求减负。如何减负？

1、去除一些不必要的对象。

2、将临近的两张图片合成一张。

3、合并CSS

看看下面这段代码，需要加载三个CSS：
 

<link rel="stylesheet" type="text/css" href="/body.css" />
<link rel="stylesheet" type="text/css" href="/side.css" />
<link rel="stylesheet" type="text/css" href="/footer.css" />

我们可以将其合成一个：
 

<link rel="stylesheet" type="text/css" href="/style.css" />

从而减少http请求。

七、其它小技巧（译者添加）

1、去除不必要加载项。

2、如果在网页上嵌入了其它网站的widget，如果有选择余地，一定要选择速度快的。

3、尽量用图片代替flash，这对SEO也有好处。

4、有些内容可以静态化就将其静态化，以减少服务器的负担。

5、统计代码放在页尾。

原文地址：http://www.kenengba.com/post/435.html