WEB 应用
6月6
原文作者：Brett
原文链接：14 CSS Tools to Save you Time
译者：Chada
作为一个网站设计/开发人员，你必须不断寻找方法来减少设计/开发过程中所花费的时间。这对于提高你的工作效率并最大化你的利润是非常重要的。下面介绍的按功能分类的CSS工具可以有效地节省你设计网站的时间。Chada在这基础上增加了三个自己曾经介绍过的工具。
优化/格式化类
1、CSSTidy - CSS Tidy是一个开源的CSS分析和优化工具；
2、CleanCSS - CleanCSS是一个基于CSS Tidy的强大的CSS优化和格式化工具。Chada曾经介绍过这个在线工具，在这里。
3、[b]CSS Optimizer - CSS Optimizer可以通过优化压缩CSS样式文件大小。
4、CSS Analyzer - CSS Analyzer可以帮助你检查你的CSS样式是否符合W3C的认证。
字体类
1、Em Calculator - EM Calculator可以帮助你计算px与em之间的转换。
2、CSS Font and Text Style Wizard - 这个小工具可以很方便地将你的CSS样式呈现出来。
表格类
1、CSS Form Code Maker - 很方便地生成“五颜六色的BOX布局”的表格。
2、JotForm - JotForm是一个“所见即所得”的表格生成器。
导航/按钮类
1、CSS Buttons - CSS按钮和文本在线生成工具。
2、CSS Menu Generator - CSS Menu Generator可以同时生成基于CSS和HTML代码的漂亮的按钮。
生成器
1、CSS Creator - Css Creator是一个可以创建自适应宽度或者是固定宽度的浮动布局生成器，可以生成带有Header和Footer的三栏布局。
2、QrONE CSS Designer - QrONE是一个CSS在线生成与编辑器。
3、Web 2.0 Generator - Web 2.0 Generator可以利用HTML和CSS生成一个完整的网站布局。
4、CSS Mate - CSS Mate是一个在线CSS编辑器。
除了上面译文中的14个小工具外，Chada还介绍过如下几款小工具，它们也是非常棒的，你可以打开下面的文章看它们的详细介绍：
1、CSS Menu Maker - 在线生成丰富多样的CSS导航按钮。
2、CSS Type Set - 在线轻松调试CSS文本样式。
3、CSS Frame Generator - 写好DIV架构之后，使用这个在线工具可以很快生成CSS样式结构表。
原文链接：14 CSS Tools to Save you Time
译者：Chada
作为一个网站设计/开发人员，你必须不断寻找方法来减少设计/开发过程中所花费的时间。这对于提高你的工作效率并最大化你的利润是非常重要的。下面介绍的按功能分类的CSS工具可以有效地节省你设计网站的时间。Chada在这基础上增加了三个自己曾经介绍过的工具。
优化/格式化类
1、CSSTidy - CSS Tidy是一个开源的CSS分析和优化工具；
2、CleanCSS - CleanCSS是一个基于CSS Tidy的强大的CSS优化和格式化工具。Chada曾经介绍过这个在线工具，在这里。
3、[b]CSS Optimizer - CSS Optimizer可以通过优化压缩CSS样式文件大小。
4、CSS Analyzer - CSS Analyzer可以帮助你检查你的CSS样式是否符合W3C的认证。
字体类
1、Em Calculator - EM Calculator可以帮助你计算px与em之间的转换。
2、CSS Font and Text Style Wizard - 这个小工具可以很方便地将你的CSS样式呈现出来。
表格类
1、CSS Form Code Maker - 很方便地生成“五颜六色的BOX布局”的表格。
2、JotForm - JotForm是一个“所见即所得”的表格生成器。
导航/按钮类
1、CSS Buttons - CSS按钮和文本在线生成工具。
2、CSS Menu Generator - CSS Menu Generator可以同时生成基于CSS和HTML代码的漂亮的按钮。
生成器
1、CSS Creator - Css Creator是一个可以创建自适应宽度或者是固定宽度的浮动布局生成器，可以生成带有Header和Footer的三栏布局。
2、QrONE CSS Designer - QrONE是一个CSS在线生成与编辑器。
3、Web 2.0 Generator - Web 2.0 Generator可以利用HTML和CSS生成一个完整的网站布局。
4、CSS Mate - CSS Mate是一个在线CSS编辑器。
除了上面译文中的14个小工具外，Chada还介绍过如下几款小工具，它们也是非常棒的，你可以打开下面的文章看它们的详细介绍：
1、CSS Menu Maker - 在线生成丰富多样的CSS导航按钮。
2、CSS Type Set - 在线轻松调试CSS文本样式。
3、CSS Frame Generator - 写好DIV架构之后，使用这个在线工具可以很快生成CSS样式结构表。
4月9
１、必备工具
其实web标准并不是很复杂的技术，实现web标准的工具也很简单，说白了，只要可以进行纯文本编辑的软件，都可以作为代码编写的gon工具。例如记事本、UltraEdit甚至CuteFTP的编辑器（象我这种懒人有时候就用那玩艺儿直接在线编辑，汗）。
而另一些较专业软件会提供高亮显示代码（前面提到的UltraEdit也具有此项功能）、代码提示、自动闭合标签等等功能，使用起来会大大提高工作效率。如DreamWeaver、MS Expression、EditPlus等等，这些编辑软件目前是绝对的主流，无论是初学者上手容易还是专业人士提高效率都是不错的选择。
再说说浏览器环境，目前一台机器同时装IE、Firefox、Opera、Safari已经不是难事，而IE7 Standalone和MultipleIE的问世也让IE7和低版本IE并存成为可能。推荐浏览器环境——本机安装IE7、FF、Opera、Safari，同时安装MultipleIE。从我个人的使用经验，IE7 Standalone存在一定的缺陷，有可能导致本机安装的IE6无法正常使用。
除了编辑器以外，还有就是必不可少的调试工具啦，首推当然是Firefox下的Firebug！IE下目前还没有与之相当的调试工具，比较好的有IE development toobar、IE Debugbar等等，不过和Firebug完全不是一个档次的东西，只能说勉强凑合用。
其实web标准并不是很复杂的技术，实现web标准的工具也很简单，说白了，只要可以进行纯文本编辑的软件，都可以作为代码编写的gon工具。例如记事本、UltraEdit甚至CuteFTP的编辑器（象我这种懒人有时候就用那玩艺儿直接在线编辑，汗）。
而另一些较专业软件会提供高亮显示代码（前面提到的UltraEdit也具有此项功能）、代码提示、自动闭合标签等等功能，使用起来会大大提高工作效率。如DreamWeaver、MS Expression、EditPlus等等，这些编辑软件目前是绝对的主流，无论是初学者上手容易还是专业人士提高效率都是不错的选择。
再说说浏览器环境，目前一台机器同时装IE、Firefox、Opera、Safari已经不是难事，而IE7 Standalone和MultipleIE的问世也让IE7和低版本IE并存成为可能。推荐浏览器环境——本机安装IE7、FF、Opera、Safari，同时安装MultipleIE。从我个人的使用经验，IE7 Standalone存在一定的缺陷，有可能导致本机安装的IE6无法正常使用。
除了编辑器以外，还有就是必不可少的调试工具啦，首推当然是Firefox下的Firebug！IE下目前还没有与之相当的调试工具，比较好的有IE development toobar、IE Debugbar等等，不过和Firebug完全不是一个档次的东西，只能说勉强凑合用。
6月26
1) http://www.browsrcamp.com/
可以将当前超长网页捕捉存储为一张图片，即使它超出了屏幕范围。所以如果网页本身长度很长，象一些BLOG，那么生成的博客网页截图文件也会很大，需要些时间。
我刚把sxna.com提交了截图，结果文件大的吓人，还是自己去看试一下吧。
(2) http://browsershots.org/
可以利用它看您的网页在不同浏览器里的显示效果，但它有网页的长度限制，好像是两屏的长度，生成的截图效果非常好。适用于需要测试网页在各种显示器里效果的情况。这个也因为使用的人很多，需要排队，提交了截图申请以后只用过一会再去刷新就可以看到截图了。
http://browsershots.org/website/http://oznn.com/ (这里是每个提交截图网站的储存区，你提交了截图申请以后后面的网址就是你提交的网页地址)。有意思的是，新浪，搜狐等网站在上面也有截图。
http://browsershots.org/screenshots/ (这里是它已经抓取的网页截图，你的截图也将显示在这里)。
(3) http://bluga.net/webthumb/
这个网页截图工具提供几个不同大小的图可以选择，因为截取的效果一般，适用于只需要小的截图的情况。
可以将当前超长网页捕捉存储为一张图片，即使它超出了屏幕范围。所以如果网页本身长度很长，象一些BLOG，那么生成的博客网页截图文件也会很大，需要些时间。
我刚把sxna.com提交了截图，结果文件大的吓人，还是自己去看试一下吧。
(2) http://browsershots.org/
可以利用它看您的网页在不同浏览器里的显示效果，但它有网页的长度限制，好像是两屏的长度，生成的截图效果非常好。适用于需要测试网页在各种显示器里效果的情况。这个也因为使用的人很多，需要排队，提交了截图申请以后只用过一会再去刷新就可以看到截图了。
http://browsershots.org/website/http://oznn.com/ (这里是每个提交截图网站的储存区，你提交了截图申请以后后面的网址就是你提交的网页地址)。有意思的是，新浪，搜狐等网站在上面也有截图。
http://browsershots.org/screenshots/ (这里是它已经抓取的网页截图，你的截图也将显示在这里)。
(3) http://bluga.net/webthumb/
这个网页截图工具提供几个不同大小的图可以选择，因为截取的效果一般，适用于只需要小的截图的情况。
6月25
Corner.js - 给图片加上圆角、内外阴影效果
支持浏览器：Mozilla Firefox 1.5+, Opera 9+, IE 6+ and Safari.
Reflection.js - 给图片加上倒影效果
支持浏览器：Internet Explorer 5.5+, Mozilla Firefox 1.5+, Opera 9+ and Safari.
Instant.js - 能实现图片的边框、阴影、倾斜效果
支持浏览器：Mozilla Firefox 1.5+, Opera 9+, Safari and IE6+.
Glossy.js - 能给图片加上水晶、阴影效果
支持浏览器：Mozilla Firefox 1.5+, Opera 9+, IE6+ and Safari.
Loupe.js - 能实现放大镜效果
支持浏览器：Mozilla Firefox 1.5+, Opera 9+, Safari and IE6+.
使用方法
*****内容参看演示页的效果介绍 
支持浏览器：Mozilla Firefox 1.5+, Opera 9+, IE 6+ and Safari.
Reflection.js - 给图片加上倒影效果
支持浏览器：Internet Explorer 5.5+, Mozilla Firefox 1.5+, Opera 9+ and Safari.
Instant.js - 能实现图片的边框、阴影、倾斜效果
支持浏览器：Mozilla Firefox 1.5+, Opera 9+, Safari and IE6+.
Glossy.js - 能给图片加上水晶、阴影效果
支持浏览器：Mozilla Firefox 1.5+, Opera 9+, IE6+ and Safari.
Loupe.js - 能实现放大镜效果
支持浏览器：Mozilla Firefox 1.5+, Opera 9+, Safari and IE6+.
使用方法
<div class="demo"><img src="images/image.jpg" class=" ****** " alt="" /></div>
*****内容参看演示页的效果介绍
6月16
你是否肯定你的网站完全兼容各大浏览器？是否知道多少秒可以打开你的网站？ 是否可以自信地说你的网站根本就没有打不开的时候？ 是否……
虽然它看似不重要，但这些在一定程度上也对你的网站的访问量产生了影响 （ 其它一部分影响浏览量的原因及解决办法 ）。这里列出了一份 31 个我最喜爱的免费在线测试工具，你可以通过这些工具来测试你的网站，并根据结果对你的网站进行修改。
网站代码验证
没人可以细致到保证自己的网站代码都是正确的，你可以通过以下测试来验证网站代码是否正确。
1 . WDG HTML Validator 一个很好的工具，能找出网站语法错误的地方，并标注出来，也可选择对网站上单独的每一页进行单页分析。（ 强烈推荐 ）
2 . W3C Markup Validation Service 对 HTML 和 XHTML 都能进行代码测试，自称是互联网络上第一个（也是使用者最多的）的 HTML 验证工具。
3 . W3C CSS Validation Service 用于验证 css 源代码，能够标注出不好的 css 代码设计。例如：“Same colors for color and background-color in two contexts”。
5月7
对于服务器在国外的朋友，如果FTP的话，那真的是浪费生命，如果能稳定20k地传输的话，那还好，可以常常会掉线，然后再重新传……
幸亏国外的主机好多支持SSH，那么就方便多了，不要等那么久去上传东西。有的虚拟主机（Cpanel控制面板的）支持在线解压缩，这样也比较好，因为传一个压缩包比一个一个文件传要省时好多。
现在就来介绍几个常用的命令吧：
从远程的服务器上下载软件到你的目录下，wget http://www.hinn.cn/files/mt-3.34-en.zip 这个命令就是把mt-3.34-en.zip下载过来，大家可以到这里来下，这个就是MT3.34英文版的压缩包。
下载过来就是解压缩了，unzip mt-3.34-en.zip 就是把这个文件解压缩到这个目录下。
如果你是安装一下MT，那么这两个命令应该足够了，但是如果你要备份一类的，那就继续看以下的指令：
cd mt-3.34-en 这个命令就是进入mt-3.34-en这个目录
cd - 这个命令是返回到上层目录的意思
cd ~ 这个命令是返回到根目录的意思
重命名操作：mv mt-3.34-en mt 就是把mt-3.34-en重命名为mt
复制操作：cp -a mt /home/hinn/www 就是把你当前目录下的mt文件夹整个复制到/home/hinn/www下。
删除操作：rm mt-3.34-en.zip 把你所在的目录下的mt-3.34-en.zip文件删除。
rm -rf mt-3.34-en 这个命令是把mt-3.34-en这个目录都删除。
其他的一些常用的压缩和解压缩操作：
tar cf mt.tar mt-3.34-en 把mt-3.34-en压缩成 mt.tar
tar cfz mt.tar.gz mt-3.34-en 把mt-3.34-en压缩成mt.tar.gz
tar xvf mt.tar 解压缩mt.tar文件
P.S.1：在写此post的时候有参考网络上的有关的SSH操作命令。主要是参考：http://www.im286.net/archiver/tid-1895405.html
2：如果你要使用一下SSH的一些指令，你可以去www.unix-center.net注册一个用户，然后再去下载一个SSH的客户端，就可以学习使用指令了。这个网站上也有好多的有关linux指令的文章。
3：我用的是SSH Secure Shell Client，大家可以到 http://www.newhua.com/soft/20089.htm 下载一个，版本好像比较老。
4：增加一个SSH的客户端--PuTTY，中文版下载地址是：http://wrc.gro.clinux.org/putty/ 也可以从我们在divshare上面下载 地址是：http://www.divshare.com/download/585720-e57
幸亏国外的主机好多支持SSH，那么就方便多了，不要等那么久去上传东西。有的虚拟主机（Cpanel控制面板的）支持在线解压缩，这样也比较好，因为传一个压缩包比一个一个文件传要省时好多。
现在就来介绍几个常用的命令吧：
从远程的服务器上下载软件到你的目录下，wget http://www.hinn.cn/files/mt-3.34-en.zip 这个命令就是把mt-3.34-en.zip下载过来，大家可以到这里来下，这个就是MT3.34英文版的压缩包。
下载过来就是解压缩了，unzip mt-3.34-en.zip 就是把这个文件解压缩到这个目录下。
如果你是安装一下MT，那么这两个命令应该足够了，但是如果你要备份一类的，那就继续看以下的指令：
cd mt-3.34-en 这个命令就是进入mt-3.34-en这个目录
cd - 这个命令是返回到上层目录的意思
cd ~ 这个命令是返回到根目录的意思
重命名操作：mv mt-3.34-en mt 就是把mt-3.34-en重命名为mt
复制操作：cp -a mt /home/hinn/www 就是把你当前目录下的mt文件夹整个复制到/home/hinn/www下。
删除操作：rm mt-3.34-en.zip 把你所在的目录下的mt-3.34-en.zip文件删除。
rm -rf mt-3.34-en 这个命令是把mt-3.34-en这个目录都删除。
其他的一些常用的压缩和解压缩操作：
tar cf mt.tar mt-3.34-en 把mt-3.34-en压缩成 mt.tar
tar cfz mt.tar.gz mt-3.34-en 把mt-3.34-en压缩成mt.tar.gz
tar xvf mt.tar 解压缩mt.tar文件
P.S.1：在写此post的时候有参考网络上的有关的SSH操作命令。主要是参考：http://www.im286.net/archiver/tid-1895405.html
2：如果你要使用一下SSH的一些指令，你可以去www.unix-center.net注册一个用户，然后再去下载一个SSH的客户端，就可以学习使用指令了。这个网站上也有好多的有关linux指令的文章。
3：我用的是SSH Secure Shell Client，大家可以到 http://www.newhua.com/soft/20089.htm 下载一个，版本好像比较老。
4：增加一个SSH的客户端--PuTTY，中文版下载地址是：http://wrc.gro.clinux.org/putty/ 也可以从我们在divshare上面下载 地址是：http://www.divshare.com/download/585720-e57
4月10
添加侧边模块 加入以下代码
不含日志阅读数模块
不含日志阅读数模块
<php>Z2xvYmFsICRibG9nLCAkZGJfcHJlZml4LCAkcGVybWlzc2lvbiwkbWJjb247DQokcGVybWlzc2lvbmxpbWl0PSgkcGVybWlzc2lvblsnU2VlSGlkZGVuRW50cnknXSE9MSkgPyAyIDogMzsNCiRpZF9hcnI9JGJsb2ctPmdldGdyb3VwYnlxdWVyeSgiU0VMRUNUIGJsb2dpZCx0aXRsZSBGUk9NIGB7JGRiX3ByZWZpeH1ibG9nc2AgV0hFUkUgYHByb3BlcnR5YDx7JHBlcm1pc3Npb25saW1pdH0iKTsNCiRyYW5kX2lkX2Fycj1BcnJheSgpOw0KJHRpdGxlX21heD1jb3VudCgkaWRfYXJyKT4kbWJjb25bJ2VudHJ5bnVtJ10/JG1iY29uWydlbnRyeW51bSddOmNvdW50KCRpZF9hcnIpOw0KZm9yKCRpPTA7JGk8JHRpdGxlX21heDskaSsrKQ0KCXdoaWxlKCRyYW5kX2lkPSRpZF9hcnJbcmFuZCgwLGNvdW50KCRpZF9hcnIpLTEpXSkNCgkJaWYoYXJyYXlfc2VhcmNoKCRyYW5kX2lkLCRyYW5kX2lkX2Fycik9PT1GQUxTRSkNCgkJew0KCQkJYXJyYXlfcHVzaCgkcmFuZF9pZF9hcnIsJHJhbmRfaWQpOw0KCQkJYnJlYWs7DQoJCX0NCgkJZWxzZQ0KCQkJY29udGludWU7DQokcmV0X3N0cj0nPHVsPic7DQokaT0wOw0KZm9yZWFjaCgkcmFuZF9pZF9hcnIgYXMgJHRpdGxlKQ0Kew0KCSRmY3V0PShzdHJsZW4oJHRpdGxlWyd0aXRsZSddKT5zdHJsZW4oJHN0cl9jdXQ9bXN1YnN0cigkdGl0bGVbJ3RpdGxlJ10sMCwkbWJjb25bJ2VudHJ5bGVuZ3RoJ10pKSk7DQoJJHNob3J0X3RpdGxlPSRzdHJfY3V0LigkZmN1dD8iLi4uIjoiIik7DQoJJHJldF9zdHIuPSI8bGkgY2xhc3M9XCIiLigkaSUyPydyb3dvZGQnOidyb3djb3VwbGUnKS4iXCI+PGEgaHJlZj1cInJlYWQucGhwP3skdGl0bGVbJ2Jsb2dpZCddfVwiIHRpdGxlPVwieyR0aXRsZVsndGl0bGUnXX1cIj4kc2hvcnRfdGl0bGU8L2E+PC9saT4iOw0KCSRpKys7DQp9DQokcmV0X3N0ci49JzwvdWw+JzsNCiRwaHByZXR1cm49JHJldF9zdHI7</php>
4月8
