[Diary] 总算装上个HTML编辑器
FCKEditor has been installed in this site
这个站点从内容创建、视觉设计、HTML/CSS编码到PHP/MySQL实现全是俺一个人操刀(换服务器之前俺还自己管着服务器-__-),所以站点建设进程一直很慢,几乎所有的后台管理还都是在phpMyAdmin里做的。偶尔会有朋友问我这个网站用了啥程序,能不能给一份,俺只能灰溜溜地说:不是不愿意给你,实在是个毛坯呀……
今天晚上下定决定要搞个HTML编辑器,google老大一把后选了FCKEditor,虽然这个名字取得有点让人“遐想”,不过好像很有名的样子咯。试了一下IE、Firefox都能用,对XHTML和CSS的支持也很不错,就它了。呵呵,现在就记这么一笔流水帐纪念一下这个有那么点历史价值的一天吧……
[Work] 中国标准主题Blog聚合器
China Web Standards Blog Aggregator
经过几天的奋战,终于推出了标准主题Blog聚合器的beta版。中间碰到不少问题,比如载入gb2312编码的RSS后显示为乱码等等。我对PHP也不是很熟悉,边看参考边做,所以肯定还有很多bug,各位高手不要见笑,帮忙多多提出宝贵的建议。
一直以来,标准在中国的推广还是星星之火,东起西灭,希望我的这个小项目能够为燎原之火的燃起助一把力。另外向需要提到的是WSDN,Web Standards Develop Network,另一个正在进行中的项目。这个项目如果能够进行得好,会比这个简单的RSS聚合有大无数倍的影响力和实用性。希望大家多多关心。
最后感谢这其中支持过这个项目的所有朋友,特别是阿捷,谢谢!
[Diary] 顺利搬家
New Home!
上周末搬了住处,网络从网通换成ADSL。没想到ADSL比网通还不如,局域网外完全无法访问(能ping通,应该是电信封了端口)。郁闷了好几天,网站的访问量也节节下降……幸运的是一位好友给我提供了现在使用的空间,总算有个安稳的家了。现在是人机两安,好多一直没时间静下心来做事情都可以启动了。
顺带对中国的网络说声kao!希望IPv6的时代不要再IP短缺,也不要有封端口这类与民主之势背道而行的行为,最好能给我的牙也分配个IP:)
[Diary] 本站可能停止若干天的服务
This Site Might Sleep for Some Days
SharkUI.com的服务器是架在我自己的住处,没钱租机柜,又对系统要求比较高,所以没有采用虚拟主机。最近也颇有劫难,先是网通线路调整,突然所有电信用户无法访问(如果你是电信的,请在右边回复告知是何处电信,谢谢^_^);然后是装个Mailing List软件,结果把俺搞了好久的邮件服务器搞坏,现在只能用gmail的邮箱顶一下了……汗……
过小小的一阵子俺要搬住处了,新住处还没有拉网络,所以有可能这个网站要停那么几天。不过应该没什么大关系,反正也没几个人访问滴,hehe。这篇blog只是通知一下那些关心俺的朋友们,谢谢你们咯^_^
[Work] 测试用的IE各版下载
Old IE versions for testing
解压就可以使用,方便大家测试。可能有些系统会不能使用,看运气咯:)我就有一台WinXP英文版不能用...郁闷...
感谢悬翎提供的空间
[Work] XHTML标签参考
XHTML Tags Reference
记得刚开始接触XHTML时,一直对Semantic(有语义的)这个词频频出现在老外的教程中感到新奇和不解。一向来“以结果为导向”的网页制作方式使我们不关心HTML代码本身的质量,更不用说对HTML标签真正含义的关心了。HTML/XHTML作为一种语言,自然有它“说话的方式”,我们是否按正确的方式“说话”,关系到我们的代码是否结构化和有语义(Well-Structured and Semantic)。
新手常常会问:“如果我的代码不结构化,也没有语义,但是浏览起来效果很好,有什么关系呢?”。我承认,再从“以结果为导向”的角度看,是没有太大的关系。但是从“过程”本身看,这样——“不美”。我的个人美学中对“美”的定义是:简单、自然。一套纷繁复杂的系统,如果不能用很简单很方便的方式使用,不美。一门包罗万象的学说,如果不能用很直观很简洁的公式表示,不美。所以“面像对象”比“面对过程”美,因为继承、重构等等复杂的系统最终可以提供简单的调用;所以《相对论》美,因为如此庞大的学说却使用着如此简单的公式:E=MC2。归根结底,我认为自然界是简单的,宇宙的基础是简单的。所以用最自然的方式构建HTML/XHTML文档,也才是最简洁最美的。
为了得到“美”的代码,为了得到在无数人的文章中无数次提到的好处(站在商业应用角度看问题的人不妨参考一下),我支持采用“标准”的方式来构建网页。回归到XHTML代码上,就是用标签本来的语义“说话”,这才是最“自然”的XHTML标签使用方式。table就应该是表格,而不是用于页面布局的大框架;p就应该是段落,而不是用于分隔内容;等等等等……
基于上面这些想法,我觉得该做点什么,所以决定先从写一份着重于“语义”和“结构”的XHTML标签参考,希望能对同行们的工作有些许帮助。
由于只能抽业余的空闲时间撰写这份参考,可能进度会比较慢,还请关心的朋友见谅。
链接:XHTML标签参考
[Work] 我对IE7的希望列表
My IE7 Wish List
前天偶然在MSDN上发现Micosoft IE7开发团队的人在他们的Blog上征求开发者对IE7的要求和期望。粗粗翻了一下评论,大部分都在对IE之前版本对CSS的古怪支持发牢骚(充分表达了本人的心声,要叫我用英语发牢骚还真不会...^_^)。
下面是我的IE7 Wish List:
- 对CSS1、CSS2完全按W3C标准支持,解决现有的盒模型Bug、浮动Bug等;
- 如果上面这点做不到,至少做到3、4、5、6、7、8六点;
- 增加对max-width、min-width等的支持;
- 用户可以放大缩小网页(至少是其中的文字),即使用户CSS已经按像素指定;
- a:hover的背景图片不要反复下载;
- 可以把:hover伪类添加到所有的标签上;
- 增加子对像选择器;
- 增加:first-child伪类和:before,:after伪对像。
- 增加对含有透明度的PNG支持;
差不多了,希望美梦成真:)
[Work] 用Opera 7.10+模拟掌上设备测试网页
Testing for Handheld devices in Opera 7.10+
利用Opera 7.10+版本可以测试网页在掌上设备中的显示效果,只要用Opera打开网页后按Shirt + F11就可以了。
如果要针对掌上设备载入特定的CSS,需要在导入/链入CSS的时候加上 media="handheld"。如:
<link href="global.css" rel="stylesheet" type="text/css" media="handheld" />
或
<style type="text/css" media="handheld"> <!-- @import url("global.css"); --> </style>
以下是本站在这种方式下浏览的效果,没有应用专门的CSS。