2010-03
21

做个颜色控

By xrspook @ 21:07:38 归类于: 烂日记

一些常用且你应该都很熟悉的颜色,不知你又是否真的了解它们,它们经常出现在微软的Office软件中,像xrspook这种颜色控总喜欢把.xls搞得花花绿绿,会经常调用它们,它们是最最常用的颜色块,就在“填充”工具那里。但,你真的叫得出它们的名字么?又或许,你说得它们简单而巧妙的16进制码么?

对,就是这么好玩,但却说不出。上图是个color.xls文件的截图,名字也是看Excel抄上去的。至于16进制的颜色名字,用的是spectrum,非常小巧的一个取色软件,在各种软件日益膨胀的今天,装一个插件就能把浏览器里的颜色看个明白(比如说Firebug),但我还是很喜欢用这个才16.5KB的小软件,用来查看屏幕上的任何颜色。它是Dr. Software的出品,顶顶大名的分割软件hacha(西班牙语,斧头的意思)就是他们的杰作,比.rar的分拆快捷简单多了!!!有兴趣的朋友,可以到他们的网页淘宝,注意咯,上面的是西班牙语!记得多年前我3.5版本的hacha死活运行不了,于是发邮件给他们,结果很快就有了回应,虽然几个回合后问题仍未解决,但只是个免费的小软件,服务居然这么到家,真的让我很感动。过了几年,才发现是系统语言有冲突导致运行不了,经过某些处理后就没问题了。

说了那么一大通,为啥要弄个颜色图谱出来呢?因为我打算用这些最为基础的颜色打造出一个五光十色的WP主题。试验了一下,发觉真的很有难度,不是说WP主题编写有困难,是因为xrspook压根就是个对颜色不感冒的人。基础颜色拼不出好玩的主题?是我技术没到家而已。

真需要好好琢磨一下该怎么糅合这40种颜色。

2010-03
20

通过W3C认证

By xrspook @ 21:16:08 归类于: 烂日记

自己写的WP模板能通过W3C认证是多么让人兴奋的一件事啊!在不经意间,我居然做到了,有图有真相(请原谅xrspook把网址给涂了,因为网站还在测试阶段):

W3C最主要的认证分为两个部分,一个是CSS一个是XHTML。前者我觉得相对简单,但如果你用了CSS3的内容这个以2.1为核对的引擎显然会吃不消给你报错。XHTML认证相对难一点,它能挑出很多非常简单,你却习惯性真理性会忽略的问题:最明显的莫过于在img的括号里,必须存在“alt=”””,你喜欢得写,你不喜欢也得写。在多个网站优化工具中,也会提行你,img的括号里最好标明width和height,那样听说会加快载入速度;又比如,我们总喜欢乱用ul,li,ol,div,p等东西;代码,如空格(&nbsp)你不能无端端地写在XHTML里面,必须找些东西括住,最简单的就是<p></p>否则人家就不知你这是什么东西,得出的结果就是容易出现一些你无法预料的结果。更多认证需注意的问题请移步这里

国人设计的网站很喜欢加特效,特效就离不开javascript,<script>这东西如果想直接通过XHTML认证是不行的。问了G老师,G老师给我指引了一个外国网站,得出2个方案,要不这样:

<script type=”text/javascript”>
// <![CDATA[

// ]]>
</script>

(就是把代码的主体圈起来,我就是这么办的,非常简单)

另一个方案是用引用,把代码独立到别的文件(这个其实才是最好的正解)。

对外国的WP模板来说,W3C是一个潜规则,很多WP模板的教程在到最后的时候都会推荐/提醒设计者把作品拿到W3C那里验证一下,发现问题,根据提示改正,就像小盆友做完作业先给家长检查再拿去交老师一样。

但国内的呢?从代表国内网络最高水平的公信部被按网站开始就是非IE6不可的。有无聊地看过它的源代码吗?CSS是半独立的,内嵌和独立的CSS只关注了字体和链接格式的问题!!!网站基于table设计,不用说,格式的控制肯定是在table内,CSS只是一个例行公事。真的把你汗到云里雾里。代表最高水平的XHTML及CSS测试报告在这里,请狠狠地点击:

国内权威网站的W3C XHTML测试报告
国内权威网站的W3C CSS测试报告

或许国内权威网站给我们一个信息——外国浏览器都别用,电脑也千万别升级,用IE6才是正道。

弱弱地补一句,IE6不是被微软葬了吗?xrspook只能站一旁猛流汗了。

开始写主题,通过认证等都只是个开始,真正的前台设计者还应精通js和ps,虽然接触ps时间不短了,但总觉得自己的艺术触觉有问题,所以,我还是做一些非常简洁的无图主题吧。不喜欢不要紧,因为重点是内容嘛,是不?

守规矩其实挺好的吗,别硬搞中国特色不是很好么。

2010-03
18

爱浮不爱浮的li

By xrspook @ 22:22:19 归类于: 烂日记

昨天的网页杯具终于被万恶给搞定了!他老人家道出了一个真理——<li>里面的块元素(如<span>)只要开始float就要float到底,无论里面有多少个,一定要全部float掉,否则就会出现莫名其妙的分行,然后在<li>那里设定“clear:both”来清浮。

但如果<li>里面有纯文字有<span>呢?文字也要弄个<span>括住,然后float掉?万恶说应该不用,但事实是残酷的。以下是我的测试代码:

<html>
<head>
<style type=”text/css”>
body{
background-color:#000000;
color:#ffffff;
}
#abc{
width:500px;
line-height:1.2em;
padding:20px 0 0 0;
margin:0;
}
a:link{
color:#00ff00;
}
a:visited{
color:#00ff00;
}
a:hover{
color:#00ff00;
}
ul{
list-style:none;
padding:0;
margin:0;
}
li{
clear:both;
list-style:none;
padding:0;
margin:0;
}
.left{
float:left;
padding:0 30px 0 10px;
background-color:#ff0000;
}
.right{
float:right;
background-color:#0000ff;
}
</style>
</head>
<body>
<div id=”abc”>
<ul>
<li>一个杯具,IE8、FF、Chrome正常,IE7、Opera不正常——囧</li>
<li><span>1111</span>2222<span><a href=”#”>3333</a></span></li>
<li><span>1111</span>2222<span><a href=”#”>3333</a></span></li>
<li><span>1111</span>2222<span><a href=”#”>3333</a></span></li>
<li><span>1111</span>2222<span><a href=”#”>3333</a></span></li>
<li><span>1111</span>2222<span><a href=”#”>3333</a></span></li>
<li><span>1111</span>2222<span><a href=”#”>3333</a></span></li>
</ul>
<br/><br/>
<ul>
<li>原来正解是li中的东西只要一开始float就要全部float,否则……这般全float后,IE、Firefox,Chrome,Opera都正常了</li>
<li><span>aaaa</span><span>bbbb</span><span><a href=”#”>cccc</a></span></li>
<li><span>aaaa</span><span>bbbb</span><span><a href=”#”>cccc</a></span></li>
<li><span>aaaa</span><span>bbbb</span><span><a href=”#”>cccc</a></span></li>
<li><span>aaaa</span><span>bbbb</span><span><a href=”#”>cccc</a></span></li>
<li><span>aaaa</span><span>bbbb</span><span><a href=”#”>cccc</a></span></li>
<li><span>aaaa</span><span>bbbb</span><span><a href=”#”>cccc</a></span></li>
</ul>
<br/><br/>
</div>
</body>
</html>

图就不贴了,因为我只有IE8(可以用兼容模式看到IE7的效果)、Firefox、Google Chrome、Opera,更高更低等级的IE都没有,Safari也没装,所以,欢迎大家猛击这里看各自的浏览器中的效果:floatli.html

老天啊,每次都被li搞得鸡毛鸭血~~~~

2010-03
17

囧事不断

By xrspook @ 22:39:00 归类于: 烂日记

修改了一个下午+一个晚上的前台网页,最后发现经典的IE怪异现象又出现了!那个鬼东西明明在我修整代码之前已经解决,但修整后又出来鸟,囧得没话说。

QQ所有用户名都不见了(被我手动修改过的除外),只剩下Q号和经典的企鹅头像。于是,搞不清谁是谁,世间还有比这更囧的事么?

问了一大通G老师,然后发觉IE习惯性、真理性是万恶之源,新增一个版本变一次规矩,于是当你想把网页弄得适合多个版本IE的时候一切变得异常的困难。记得刚开始设计前台的时候觉得Firefox是黑手,IE里弄好的东西一到FF就成垃圾了,但现在,经过那么多年以后,泪流满面啊~~~~

还需要更多更多的时间去琢磨到底哪里的问题,老天啊,太折磨人啦!

2010-03
10

IE8 还行

By xrspook @ 22:42:00 归类于: 烂日记

原来我是一个前台和后台都颇感兴趣的人,当然啦,前台知道得多一点。当javascript需要用一大段代码,中文英文都用上才能解决在页面显示一个当前时间的时候,php一行就搞定,如果说javascript是前台处理的话,php用的是后台服务器,能不快么。就等于到一个餐厅,人家给你准备好吃的了,还是买冷冻食品回家,还得加工才能入口。

IE6寿终正寝,用的是IE7,无聊的时候拿X领地去测速,惊讶地发现同样的网络,同样的服务器,IE8要比IE7优秀很多。以下是两个测试报告的图(点击得报告,IE8左,IE7右):

100309_5TVS   100309_5TVZ

整体载入时间IE8只需3.415s,而IE7要5.801s;start render IE8是2.377s,IE7是3.998s。有眼睛的都能发现IE8的并行能力实在是强,特别经过我的精心处理后,效果非常明显,最高峰的时候竟然是10线程同时下(即单域名5线程)!而可怜的IE7呢?通常最高是4线程(即单域名2线程)。不得不说,如果IE8真自动突破IE从前可怜的单线程限制的话,无论是网页浏览还是下载速度都将发生惊天动地的变化。

于是,第一时间,下个IE8,装了。

IE801

IE802

IE8让我有眼前一亮的感觉。终于把源代码用我们熟悉的代码方式显示了,谢天谢地啊!增加了个开发员工具的东西,感觉是Firebug和Web Developer的合体。多年以来网页前台我都是用Firefox加插件测试,现在终于有了基于IE的测试工具,而且还是官方的,更令人惊喜的是里面居然有用标准IE7或IE8测试的选项。福音啊,总算有机会摆脱怪异的IE效果了。

抛弃IE浏览器多年,总算看到一个稍微有点水平的作品,但肯定啦,我的首选仍是FF,或者Google Chrome又或者Opera,IE永远是最后不得已的选择对象。如果不是IE6那个了,我也不会无聊到更新IE,微软的杯具啊。

有兴趣的童鞋,也试玩一下微软新一代的浏览器吧。

© 2004 - 2024 我的天 | Theme by xrspook | Power by WordPress