“NEW CREATIVE SUITE 4”就要正式发布了

现在是北京时间2008年09月22日23:40，再过20分钟，东八区跨入23日。
按照美国中部时间，还有过14个小时就是23号(这时区该怎么换算呢？)，意味着 NEW CREATIVE SUITE 4 正式发布。价格用脚趾头想想，不低于3位数的$，天生穷命。嘻嘻，在下世纪，买软件或iphone就像买白菜一样了 。



最期待其中的Dreamweaver CS4。
在网上下载的测试版非常好用，界面就让人振奋，不足之处就是容易崩溃。
dw cs4界面上的界面字体样式，跟iphone中的很像，很漂亮。


美好的23日，happy day。
25日，天公作美的话，神七将会发射，happy day！

今天是9.18

幻想泡泡破灭了。
想去干洗碗工的工作，累可以让人好受些。

人，有的时候，必须要有一些打击，或轻的重的。
打开一个个窗子，继续书写幻想。

今天是9.18，坏日子。

纠正：不是web developer 1.1.6的一个小bug

打开阿里巴巴的首页，等待页面加载完毕后，选择Disable--Disabled JavaScript--All JavaScript。
然后点击左边二级菜单的标题右侧的小三角形（“Browse by Category”右侧的小三角形）。会发现弹出层依然可用，可以肯定的是，这是JavaScript在执行。
应该算是web developer的一个小bug了。

且下面的切换效果也仍然可用：

环境：Firefox 3.0.1,Web Developer 1.1.6,Firebug1.21(不会是Firebug在作怪吧! )(-:
汇报给web developer的作者。 (-:

----------------------作者回复的分割线--------------------------------
大概意思是说，不是web developer的问题，而是Mozilla的问题。
----------------------回复内容--------------------------------

This is because the JavaScript for that event has already loaded so it
is still functional. If you disable JavaScript before the page loads
then it doesn't work.

Note that disabling JavaScript in the extension just disables it using
the default browser preference so if you still consider this a bug you
should report it to Mozilla not me.

2008/9/21 :
> ---------Google automatic translation---- Hello, I am a user of the Web
> developer, a few days ago, it found a bug. 1: Open the home page Alibaba
> http://www.alibaba.com, and wait for the page loaded. 2: web developer ->
> Disable-> Disabled JavaScript -> All JavaScript 3: Ctrl + F, search for
> \"Browse by Category\", you will find it in the right side of a triangle,
> click it. --- Know if it is not a bug, obviously, this is in the
> implementation of JavaScript. In addition, I am not English, which is Google
> from the Chinese to English, using machine translation. Thank you.
> -----以下是汉语--Chinese--- 您好，我是Web developer的一位用户，前几天发现了它的一个bug。
> 1∶打开阿里巴巴的首页http://www.alibaba.com，并等待页面加载完毕。 2∶web
> developer-->Disable->Disabled JavaScript-->All JavaScript 3∶Ctrl+F,搜索"Browse
> by Category"，你会发现在它右边有一个三角形，点击它。 ---不知道算不算一个bug，很明显，这里是JavaScript在执行。
> 另外，我英语不好，这是Google从汉语到英语，用机器翻译的。谢谢。

用不同的窗子看不同的风景

中秋三天，家里网也断了3天，够郁闷的。问爱普宽带的客服，却说路由器什么的坏了，正在调整参数，一调就是3天。

现在知道，稳定才是硬道理。

打开邮箱，等到了一封csdn的自动推送邮件。囧

把 超越CSS 翻出来看了下。引用书中一段话：“试图想让使用不同浏览器的访问者获得一致的用户体验，是不现实的想法，且是没有价值的。”。哼哼，紧跟跳出个词“分级体验”。
对，明智的做法。

如果努力尝试在所有目标浏览器获得一致的效果，那么，光漫无边际的hack就够受的。

是的，又听见了：“你的页面IE6不兼容”。有点委屈，为什么要兼容IE6 ？
当然没办法，客户有理由：“我用的是遨游啊，比Firefox还好用！”，很无奈的理由。

现在是2008年9月，我们继续做以兼容IE6为底线的网页。但可以想，这不是未来的趋势。
有必要让客户更新至IE7（等段时间也许就该是IE8了），当然我们要做些东西“诱导”他们。

有次在网吧上网，发现浏览器版本是IE7，当时也有很多网站不兼容，可现在看看，各大网站都开始完美兼容IE8了。企业招聘的时候也会说“我们就要会div+css的人” 。

但在兼容IE7的时候，却没把IE6的Hack习惯扔掉，还弄出了针对IE7的Hack。这不是开发者的错，而是IE6的错，导致我们把ie6的hack恶习惯性到了IE7。

再次引用标题---用不同的窗子看不同的风景。

清除浮动

我有点执拗，以前听别人说overflow:auto;可以用来清除浮动，我不相信。
今天看到了这篇帖子 CSS 别忘记清除浮动 相信了。
在这之前一直用clear:both;这个来清除浮动。要清除浮动的时候一般是因为上级兄弟标签无法确定自身高度，这个时候我就把它(指上级兄弟标签)也弄成浮动的。不过这样有弊端，导致上级所有的div标签几乎都设置了float。虽然也兼容N个浏览器，但心里总感觉不踏实。

刚才测试了下，感觉overflow:auto;用来清除浮动是个比较好的办法，这样不用float也可以确定自身高度。且下级兄弟标签也不需要使用 clear:both;。

写空标签来清除浮动的方法，总感觉不好。

以前在经典论坛上看到了篇帖子，记不清链接了。
说adobe的首页是这么清除浮动的。



实践出真知，当然最终还要经过N个浏览器的检验。

天天想，不知有着落没 ....

电话面试后

接到了淘宝UED的电话面试，不知怎么，刚开始拿电话的手一直抖个不停。
很激动，怕回答的不对。特别是问到对未来的规划。
当真，我还没有仔细考虑过未来....可能是方向太多了。
Flex和未来的XHTML5，到底谁好，其实谁都说不准。
不过根据CSS3来看，前景还是很好的，就等浏览器支持了。貌似还要等一段时间，因为IE8才全面支持CSS2.1，看来CSS3还要酝酿。
我的普通话还要继续加强，刚才把“火狐”说成了“火福”，害得别人没听清楚，哎。

不管结果如何，都要努力学习。

IE8 Beta2下支付宝首页导致的崩溃

昨日重装了系统，更新系统补丁的时候顺便把IE6也直接过渡到了IE8 Beta2。 可问题出来了，一打开支付宝首页进行登陆。却弹出程序错误。IE就这么崩溃了。



折腾了一回儿还是无法登陆。我看到淘宝首页的右侧“帮助中心”，便想去把这个情况反馈给淘宝。当我上传图片的时候，弹出这个莫名其妙的对话框。

另外，在“我的Email”那个文本框的下面，有这么一段文字“*未注册会员请点击这里免费注册；已注册会员请先登陆。 ”。我不敢点登陆，因为一点就怕IE崩溃，但不登陆却无法把情况反馈给淘宝。因此写在这里算了。

修改下，暂时找到了解决办法:
这个方法有风险。且不能使用"证书导入"功能，如果使用了会导致IETester崩溃。
去 http://www.my-debugbar.com/wiki/IETester/HomePage 下载IEtester。
安装好后，点击“选项卡”命令，然后选择“IE 7 ”。
然后登陆支付宝首页 http://www.alipay.com ，会提示你安装一个控件什么的，选择安装。
然后就可以登陆了，不过不知道安不安全。
我试了试，可以使用查看余额这个功能。

但不能使用证书导入功能，使用的话后果就是IEtester崩溃。

一个选项卡切换的例子

这篇贴子，专门用来存储图片，图片供经典论坛那边使用。
选项卡切换
CSS星级选择器

inline-block的应用

一个无限多自动居中，并且a还是块级（不是真的，但可以看a的焦点虚线框为证）的列表。

以前的做法挺神伤的，要使内联元素成为一个块级，就不可避免使用display:block;预示这必须用float:left;（不然导航都不在一行了）当然后果就是无法自动居中了。

Dreamweaver CS4提示ie6、7，Opera8、9，Safari2不支持inline-block这个值。但是我测试后发现都能够支持这个值，看来是CS4误报。

以后就用下面这个啦。（思路就是这样）
<style type="text/css">
ul{text-align:center;}
ul li{display:inline;}
ul li a{display:inline-block;padding:3px 10px;border:solid 1px #aaa;}
</style>

<ul>
<li><a href="#">one</a></li>
<li><a href="#">one</a></li>
<li><a href="#">one</a></li>
<li><a href="#">one</a></li>
</ul>

下面测试下加了inline-block和没加的区别,可以从焦点虚线框看出来（在IE中）。

• 第一个A的Style: style="padding:10px 5px;background:#eee;border:solid 1px #999;"
• 第二个A的Style: style="padding:10px 5px;display:inline-block;background:#eee;border:solid 1px #999;"

没加display:inline-block;

加了display:inline-block;

虚线框响应范围“错误”只在IE类浏览器才有。opera没有焦点虚线框之类的提示。Firefox和Safari中2个A标签都能正确确定焦点虚线框的响应范围。
不过在所有测试的浏览器中，都可以看出第二个A标签的高度大于第一个A标签约5px。

Google测试版浏览器

昨天听说google要出浏览器了。
今天打开google首页，出现了"新！立即下载谷歌浏览器（测试版）"的链接。
安装过程中它自动联网去下载了文件。就在我想看看下载进度时，却发现已经安装好了，安装在了C:\Documents and Settings\Administrator\Local Settings\Application Data\Google\Chrome\Application。初次启动可以将firefox的书签，密码等转移过去。

选项卡交换位置的时候非常像Safari。在关于Google浏览器中也有这么一段文字。

正式版本 1583
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US) AppleWebKit/525.13 (KHTML, like Gecko) Chrome/0.2.149.27 Safari/525.13

就搞不清楚用的Gecko内核还是Webkit内核呢？

google的界面挺清爽的，保证了最大化可视面积，选项卡就处于标题栏的位置，第二排是地址栏。所以并没有占用过多的浏览面。
在地图里面vml画图也是可以使用的。

现在网上都在说Chorme几乎是一片倒，说Chorme如何高明，很“人性化”。
引用千鸟的一段文字

有同学喜欢马后炮，认为Chrome的简约风格如何如何高明。其实IE顶部的工具栏很早就已支持自定义和拖拽，也有F11的全屏模式。用IE不爽的原因，一是IE做的不够好，二是你没有把IE用够。对于用户习惯来说，少拿简洁说事，熟能生巧才是王道。

现在看看，感觉地址栏那一排有点像Firefox2时代的味道。