2005 December « Flash the Future

Archive for December, 2005

我所�?�解的结构�?表现和行为的三者分离

December 31, 2005 at 7:21 am · Filed under xHTML&CSS

今天在瀚海上对于一个问题的回帖，整�?�一下，都是我的个人�?�解，�?当之处一起探讨。

网页�?表达的内容就是信�?�，比如你�?呈现的文字�?图片�?多媒体等信�?�，结构就是这些内容的方�?，表现就是CSS，行为就是DOM,JavaScript等。

所以通俗点说，HTML就是结构。

由于HTML的开放性，结构�?�以有很多�?，最终呈现在用户�?��?�?�样的内容，其HTML结构�?��?�以多�?多样，而好的HTML是“结构化�?的，也就是有�?��?�的，基于语义的。比如<p>表示一个段�?�，<h3>表示一个三级标题，<address>表示一个地�?�等等。而以�?用table布局很大程度上破�??了这�?语义的�?求，充斥在整篇文档中的table,tr,td标签就�?是结构化的，他们的出现是没有�?义的，纯粹是为了布局的需�?。类似的还有<font>，<b>标签等，这些都是没有结构�?义而纯粹为了样�?而存在的标签。

现在�??倡的HTML写法是标签�?言之有物，�?�?�?�?达�?，也就是用什么和怎么用的问题。比如<b>就属于�?该用的标签，因为它�?表示任何结构，我们�?知�?�它里�?�是什么东西，�?�知�?�它表示“加粗�?，但加粗是CSS也就是表现层�?�的东西，这属于“言之无物�?。而如果将一个本是标题的内容用<p>括起�?�也是�?�结构化的，这属于“�?�?达�?�?。

关于<div>（以�?�<span>），它是一个没有特定�?义�?�有普适�?义的标签，表示一个区域。因为HTML中具有特定�?义的标签实在是太少了（所以W3C主张从HTML�?�XML过渡），我们�?些情况下�?�有�?�?�使用<div>，<span>等标签和id，class等属性�?�组织一个特定的内容。所以我觉得<div><span>都是比较尴尬的标签，�?�能算是�?�语义的，�?�是由于HTML的局�?，我们�?得�?大�?的使用他们。

W3C�??倡结构�?表现�?行为三者分离，任何一个层�?�的改�?�都�?应当�?赖其他层�?�。这是一�?很好的�?想，�?过在目�?技术局�?的情况下这还是一�?�?�想状�?，因为无论是HTML，CSS，DOM等规范还是�?览器的支�?等都还�?完善，至少是�?足以支撑这�?�?想，我们所能�?�的�?�是尽力如此了。

畅想一下未�?�这�?�?�想的三者分离的状况下�?�网站，需求通过一系列沟通将转�?�为一个结构化文档（比如XML），�?�时到达�?�?�和�?��?�，然�?�两者一起开�?�，互�?干扰。�?�?�美工负责出设计图并和客户沟通，定稿�?�然�?�通过CSS和结构化文档整�?�，�?��?�程�?员则直接按需求�?�功能模�?�，最�?��?�?��?��?�无�?整�?�……

Permalink Leave a Comment

查资料总结一下Firefox1.5对于CSS的支�?的�?�化

December 23, 2005 at 4:15 am · Filed under xHTML&CSS

CSS2.1:

支�?counter�?�相关:: http://www.w3.org/TR/CSS21/syndata.html#counter
支�?cursor的uri属性:: http://www.w3.org/TR/CSS21/ui.html#propdef-cursor
支�?outline�?�相关:: http://www.w3.org/TR/CSS21/ui.html#propdef-outline
改善了quote:: http://www.w3.org/TR/CSS21/generate.html#propdef-quotes
改善了visibility，具体是collapse:: http://www.w3.org/TR/CSS21/visufx.html#propdef-visibility

CSS3:

支�?的伪类
:only-child: http://www.w3.org/TR/css3-selectors/#only-child-pseudo
:disabled,:enabled: http://www.w3.org/TR/css3-selectors/#enableddisabled
:valid,:invalid: http://www.w3.org/TR/css3-ui/#pseudo-validity
:in-range,:out-of-range: http://www.w3.org/TR/css3-ui/#pseudo-validity
支�?�?大多数cursor属性: http://www.w3.org/TR/css3-ui/#cursor0
支�?outline-offset: http://www.w3.org/TR/css3-ui/#outline-offset0
支�?columns布局: http://www.w3.org/TR/2001/WD-css3-multicol-20010118
支�?overflow-x和overflow-y: http://www.w3.org/TR/2002/WD-css3-box-20021024/#the-overflow-x

Permalink Leave a Comment

一个诡异的bug以�?�Firefox1.5

December 20, 2005 at 6:39 am · Filed under ActionScript, xHTML&CSS

刚刚�?�到个很奇怪的错误，conflicts with the name of another class that was loaded。google了�?�说是因为时区的差异，导致Flash编译时出现这个错误。结症在于AS的文件的时间戳，我们这边�?�好的东西带�?�我们时区的时间戳�?�过去，那边收到时这个时间还没到，结果对方编译就有错了，�?知�?�flash的编译器为啥设计�?这样，时间戳有什么好检测的？
解决办法上�?�的链接里�?�写了，比较�?�行的是：1�?调整自己的系统时间，�?新编辑并存储AS文件。2�?让客户�?新编辑并存储AS文件。
用的版本是FlashMX 2004，客户没有Flash8，所以没测试8有没有这个问题。

�?�外今天终于装上了Firefox 1.5，覆盖安装的，常用�?�件�?��?�版本能用了，嗯，�?错，算是从1.0.7平滑过渡�?�，�?�是我一直在用的主题Le Breeze�?支�?了，:( 现在用Breeze将就�?�，�?知�?�作者会�?会更新，超喜欢他的按钮和滚动�?�等UI元素。
�?有就是�?�到一个问题，以�?用图片背景�?�链接，用text-indent= -999px;�?�?文字，算是比较常用的技巧，但在1.5里�?�鼠标点击时那个虚线框会包�?被缩进的文字，结果就是虚线框很长…记得以�?也有人跟我说过这个问题，�?过忘了他什么版本了，但直到我今天装了1.5�?�?�到。
这个虚线框，其实就是outline，所以这说明

1.5对于outline和border的范围解释�?一致，因为border正常而outline�?正常，而W3C说outline应该就是包在border外�?�的。

The outline is drawn starting just outside the border edge.
现在1.5支�?outline属性了，之�?�?�有IE5/mac和opera有�?�件支�?。

耳闻1.5改进了很多CSS支�?方�?�的东西，这算我真正�?�到的第一个�?�。

最�?�解决办法是干脆把虚线框去掉了a:focus{outline:0}�??正对IE也没影�? -_-
#1月14日添加的内容：
在css-d上也看到了相关讨论，建议是�?�?�?�以，�?过从�?�用性角度考略，最好对focus状�?�?�一些�?�化，以�?用户在使用tab键切�?�焦点时找�?�?�北。我的方法就是把focus和hover设�?一样，嗯，也�?事了。

Permalink Leave a Comment

textField的css性能和textFormat以�?�embedFonts

December 13, 2005 at 5:26 am · Filed under Design, Flash

今天�?�到的问题是一个�?过css格�?的textField�?能调整行�?，�?��?��?�现�?��?在htmlText�?�?�套上一个<textformat leading="4"></textformat>�?��?�。而实际上所谓的textField支�?CSS�?��?过是MM把CSS属性转�?��?了textFormat而已，有人把stylesheet�?�了扩展，把一些CSS�?支�?但是textFormat支�?的属性加了进去，比如leading，tabStops，blockIndent等等，很�?错，我已�?把现在用的�?��?这个了。

关于embedFonts，需�?先在Library中建立一个新的font然�?�给个linkage name，CSS里�?�就�?�以直接使用这个字体了，也就�?味�?��?�以抗锯了。这个收获蛮大，嘿嘿。我以�?一直以为HTML enabled的Textfield�?能使用抗钜字体呢，呵呵，其实既然CSS就是textFormat，那么支�?抗钜也是�?�所当然了。�?�外很�?�?的一点，�?�以embed Font就�?味�?��?�以使用客户端没有的字体了。 :) �?��?�惜现在�?�的东西是Flash7的，没有Flash8那么清晰的抗钜效果了，加了抗钜的效果还�?如入�?抗… -_- 想到�?两天在Adobe的Motion Design Center看到的那些Flash中的字体真是漂亮啊，目测大概�?�有9px大�?，Flash8抗钜表现得真是完美(�?�?�?�?赞啊，贴个图)，我在Flash7中试了试，根本没法看…唉…

看看图，帅啊：

�?看看flash7的(- -)，顺手在Photoshop里�?�试了一下，�?�现效果都超过ps，贴上几个对比(ps的三个分别是sharp,crisp,smooth模�?) ：
FP7,FP8,PS对比
Flash8的这个Flash Font真是强啊，写到这忽然想起还装过一个ps�?�件，翻�?�看看�?�sharp-type，用�?�平滑字体的，当时还�?�?�解，心想这有啥好平滑的，本�?��?就蛮平滑么，现在看�?�怪�?得，抗钜也是有水平的，虽然都�?�抗钜，抗的好抗的差区别还是很大的啊。

Permalink Leave a Comment

几天�?�?�

December 6, 2005 at 12:40 am · Filed under ActionScript, Misc

被一个弱智错误折腾了一下�?�，正准备上�?��?��?�牢骚，�?�现wp居然�?�以传�?�图片的附件了，嗯，这个�?赞，�?知�?�什么时候�?�以自定义模�?�和CSS。
牢骚还是�?�?�的，就是EventDispatcher没有�?始化，导致死活接�?��?到消�?�（嗯，确切地说应该是压根没�?�出去），关键Flash也�?报个错，害我改�?�改去改的焦头烂�?。
�?�现MCE类是个好东西，动�?实例化mc，感觉没有这个简直没法活，也许是我没�?�?�更好的类。继续完善NormalButton类，加了enable和disable，以�?��?慢慢加。

Permalink Leave a Comment

Flash the Future

Archive for December, 2005

我所�?�解的结构�?表现和行为的三者分离

查资料总结一下Firefox1.5对于CSS的支�?的�?�化

一个诡异的bug以�?�Firefox1.5

textField的css性能和textFormat以�?�embedFonts

几天�?�?�

Pages

Archives

Categories

Search

Meta