dudo

用CSS实现柱状图(Bar Graph)的方法总结与比较(四)——table实现复杂柱状图

前面的文章,主要讲到如何使用无序列表ul元素来实现复杂柱状图,但是在Web标准中,除了注重表现外,更加注重语意,所谓的语意就是样式和内容的相关程序。在前面举到例子中,要实现销售记录一览,使用ul或者dd dt dl虽然可以实现想要的效果,但是如果不过表现,只看HTML代码的话,很明显,这堆代码基本上语意比较差,或者说单看HTML代码看不出你想要表达什么样的效果。在Web标准中,列举数据元素时,最好使用table元素来实现,这才是table的用武之地。在这一节里,我们就尝试使用table来实现复杂的柱状图效果。不过已经有人早就尝试过这个试验了(CSS Vertical Bar Graphs),为了和本节形成比照,前面的例子也是按照这个效果制作的。

Continue reading...

提高你博客性能的十条建议

转载请注明来处http://www.dudo.org/

    对于服务器租用者来说,要想在硬件环境、网络环境等来改善自身网站性能,受客观因素的影响可能会有比较大的难度。因此,只能退而求其次,在程序上狠下功夫。对于独立博客站长来说,使用的博客程序一般都是比较成熟的发行版的程序,这些程序为了适用的广泛性往往在代码中留出了很大的改进余地,因此,我们可以在这上面下一些功夫。

    在前面的文章中,我又系列的文章来讲述如何提高网站性能的最佳体验,同时还提供了一款Yahoo!推出的工具YSlow来提高网站性能,在参考这些原则的基础上,我针对PJBlog博客程序(其它独立博客程序和网站也可作为参考)为例说一下改进方法:

阅读全文——共2508字

Continue reading...

用CSS实现柱状图(Bar Graph)的方法总结与比较(三)——复杂柱状图的实现

在前面的文章中,我分别介绍了基于列表元素柱状图和基于表格元素柱状图的实现方法,虽然方法比较简单,但是它却包含了基本的实现原理。在仔细研究了上面的图形之后,我们发现,大体可以把这个柱状图分为以下几个部分,首先按季度分为四个组,然后再按区域划分两组,也是先分大组再分小组,组内分组。有了这样的印象之后,我们就可以开始构建页面元素。在选择页面元素时,不但要考虑代码片断最优还是考虑代码的语意和可读性。很显然,使用div来实现这样的总局可能不够简洁,因为是组内再分组的情况,而div没有子元素,所以会产生多层div嵌套的情况,因此不能作为首先。综合上面的考虑,我们可以使用列表元素来实现,首先,列表元素有子元素,而且从语意上说也比使用div更符合要求。这里我选择了使用无序列表

又一个门萨智商测试Mensa IQ Test

看看谁是真正的高智商者。超过120分就是真正的高智商者,超过140分那你就是天才了。整个测试有39道题,40分钟的测试时间,总体得分和你的答对量的数量以及所有时间有关。

门萨(MenSa)智商测试(门萨测试)是从事IQ测试的专业组织,实行会员制形式,只有通过门萨入会测试的人才有资格成为该组织的成员。1946年由牛津大学毕业的两位律师组建。

好了,赶紧测试一下自己的IQ吧?一会我把我的测试分数贴上来。

Continue reading...

TM 2008 Beta 试用,截图欣赏(附下载)——其实它是个哑巴

在经历了4个Preview版本后,腾讯(Tencent)终于发布了TM 2008(Tencent Messenger)的第一个Beta版本,有人说这是一个泄露,不过即使是也会是故意泄露版。

在界面上,基本上已经和QQ 2008、2009差不多了,或者说Tencent是有意把两者进行整合。不如果我一直坚持使用TM而不用QQ就是不想要我需要的那些功能。现在让我们温柔地掀开TM 2008 Beta的神秘面纱。

提示:TM 2008 Beta 是个哑巴TM,收到任何都不会有声音提示

阅读全文——共1799字

Continue reading...

为PJBlog增加多附件上传功能——MultiAttUpload for PJBlog

    PJBlog自带附件上传功能每次只能传送一个文件,对于上传大量附件来说是一件比较麻烦的事情。最近发现一直有人在找在PJBlog中实现多附件上传的方法,因此为大家献上dudo’s MultiAttUpload组件修改。这个小组件可以实现同时多任务上传,并且可以像Discuz论坛那样在编辑区域内插入附件。下面是多附件上传MultiAttUpload4PJBlog的使用方法和安装说明。

安装方法

阅读全文——共1653字

Continue reading...

Windows XP下卸载Internet Explorer 8 Beta(IE8)方法总结

由于网站开发的需要,第一时间安装了Internet Explorer 8 Beta,由于兼容性的问题,不得不改回版本7,但是在卸载的时候发现,在我的“控制面板”的“添加/删除程序”中并没有直接提供卸载选项。于是,上网查了一下,发现不止一个人存在这样的情况,这不仅仅发生在XP系统中,在Vista或者 Windows Server 2008中都存在这样的问题。不过解决的方法可能不止一个,下面大体总结一下大家提供的方法:

直接从“添加/删除程序”中卸载,这是最常用的方法。不过我想一般上网查找卸载方法的人都是需要这个的;

阅读全文——共921字

Continue reading...

你的网站为什么会慢?——用YSlow为你的网站提速

      在前面的文章我翻译的文章中分别从内容、服务器、JavaScript和CSS、图片、Coockies和移动应用等几个方面总结了34条提高网站性能的黄金守则,但是这些守则中,有一些是不常用到的,若非有实力的大型企业很难实现。对于小型网站,比如个人博客等在提高网站性能上可以首先考虑以下13条准则:

尽量减少HTTP请求

阅读全文——共2207字

Continue reading...

Yahoo!网站性能最佳体验的34条黄金守则——图片、Coockie与移动应用

英文地址:http://developer.yahoo.com/performance/rules.html

中文地址:http://www.dudo.org/article.asp?id=218

      我们在前面的几节中分别讲了提高网站性能中内容、服务器、JavaScript和CSS等方面的内容。除此之外,图片和Coockie也是我们网站中几乎不可缺少组成部分,此外随着移动设备的流行,对于移动应用的优化也十分重要。这主要包括:

阅读全文——共3037字

Continue reading...

搜狐博客暴漏洞易引起XSS注入攻击——用户可被跳转到任意网站

最近发现搜狐博客存在一个XSS漏洞,可以允许用户添加任意的HTML和JavaScript代码并执行,这样访问都就很容易被定位到任意网站,甚至在用户的电脑上植入木马等。

这个漏洞主要来源于搜狐博客在设置标题和说明时,虽然在前台设置了32个字符的限制,但是在后台并没有进行验证,所以很容易使用Firebug一类的工具随便输入任意长的字符串。更加严重的是用户可以HTML文件中的的标签的value属性值中使用多次编译ASCII的方法实现跳转。

由于搜狐还没有修补这个漏洞,所以不太方便透漏具体使用方法,本人也没有在搜狐博客上做任何的攻击性的尝示。还好,有人已经身先士卒地尝试了。大家可以看现在这个例子:

阅读全文——共403字

Continue reading...

Yahoo!网站性能最佳体验的34条黄金守则——JavaScript和CSS

英文地址:http://developer.yahoo.com/performance/rules.html

中文地址:http://www.dudo.org/article.asp?id=216

      在第一部分和第二部分中我们分别介绍了改善网站性能中页面内容和服务器的几条守则,除此之外,JavaScript和CSS也是我们页面中经常用到的内容,对它们的优化也提高网站性能的重要方面:

阅读全文——共4755字

Continue reading...

Yahoo!网站性能最佳体验的34条黄金守则——服务器

英文地址:http://developer.yahoo.com/performance/rules.html

中文地址:http://www.dudo.org/article.asp?id=215

      在本系列的第一节中,讲了提高网站性能中网站“内容”有关的10条原则。除了在网站在内容上的改进外,在网站服务器端上也有需要注意和改进的地方,它们包括:

阅读全文——共5077字

Continue reading...

Yahoo!网站性能最佳体验的34条黄金守则——内容

英文地址:http://developer.yahoo.com/performance/rules.html

中文地址:http://www.dudo.org/article.asp?id=214

      Yahoo!的Exceptional Performance团队为改善Web性能带来最佳实践。他们为此进行了一系列的实验、开发了各种工具、写了大量的文章和博客并在各种会议上参与探讨。最佳实践的核心就是旨在提高网站性能。

阅读全文——共6006字

Continue reading...

蜻蜓欲飞——Opera网站开发工具蜻蜓(Dragonfly)试用评测

在IEInternet Explorer Developer Tool和Firefox插件FireBug发布之后,Opera终于推出了自己的网站开发工具“蜻蜓(Dragonfly)”。蜻蜓是一款面向网站开发者的插件,它主要用于网站在客户端的调试。Opera作为Internet Explorer和Firefox之后的第三大浏览器,很多网页设计者都在尽可能地使自己的页面在Opera中表现的好看一点,蜻蜓Dragonfly的推出为跨浏览器页面设计带来了便利。

下载Dragonfly:http://dragonfly.opera.com

阅读全文——共832字

Continue reading...