Flash the Future

blog转移阵地

March 12, 2006 at 9:22 am · Filed under Misc

wordpress解�?无望，转移至blogsome：
http://old9.blogsome.com

CSSTDG读书笔记�??三

March 2, 2006 at 12:59 am · Filed under xHTML&CSS

border-spacing，相当于原�?�的html属性cellspacing，应用于table或table-inline，�?��?�一个或两个值，�?�两个值时第一个是水平方�?�第二个是垂直方�?�。IE�?支�?。
在separated border模�?下，row,rowgroup,col,colgroup的border将被忽略。IE�?能应用border于这些元素之上。
关于空�?�元格empty cell，有empty-cell属性（应用于table-cell），�?��?�值hide,show,inherit。IE始终hide。

collapse border模�?下，相邻border的优先�?�决定：
1。hidden最大
2。none最�?。
3。然�?�优先�?�先按照宽度定，宽者胜，之�?�按border style定，优先�?�按以下顺�?递�?：double, solid, dashed, dotted, ridge, outset, groove, inset.
4。如果除了颜色其他都一样，那么优先�?�按以下顺�?递�?：cell, row, row group, column, column group, table。如果这是还是是两个�?�级别的元素，那么由�?览器定。

table-layout为fixed width模�?时�?比aotumatic width模�?快
fixed width模�?下，�?个column的宽度由第一行决定，�?��?�行如果�?个�?�元格�?次定义宽度则会被忽略。
automatice width模�?�?�?�?�的多：
1。对于一个col中的�?个cell，首先�?计算最�?宽度和最大宽度。
a。关于最�?宽度：首先cell内容�?�以�?许的最�?宽度是内容最�?宽度，文字�?�以�?�行，但是�?�?�超出。如果这个cell的宽度�?于最�?内容宽度，那么cell的最�?宽度就是内容宽度，如果大于，就是这个指定的width。
b。关于最大宽度：内部内容�?自动�?�行时需�?的宽度。
2。对于一个col，也�?计算最�?宽度和最大宽度。
a。col的最�?宽度由最大的cell最�?宽度指定，如果col本身设置了width且大于所有的cell最�?宽度，那么这个width就是这个col的最�?宽度。
b。col的最大宽度由最大的cell最大宽度指定，如果col本身设置了width且大于所有的cell最大宽度，那么这个width就是这个col的最大宽度。
3。如果一个cell跨越了多余一个col，那么这些col的最�?宽度之和应该等于这个cell的最�?宽度，�?�样这些col的最大宽度之和也应该等于这个cell的最大宽度。所有的宽度改�?�都应该平分到这个cell所跨度的所有col上。

这些都确定之�?�，开始下�?�的步骤：
1。如果计算出的table width�?是auto，那么这个值将和所有column的width+border+cell spacing之和比较，两者�?�较大的作为table的最�?�宽度。
2。如果计算出的table width时auto，那么最�?�的table width就是所有column的width+border+cell spacing之和。

总之automatic width是相当滴�?�?�，大概了解一下�?��?�，fixed width模�?倒是蛮有用，�?会被内容撑大。

Permalink Leave a Comment

Flash8的图�?抗钜

January 11, 2006 at 3:58 am · Filed under Flash

�?两天�?�到的一个问题，就是加载外部图片时，Flash8中_quality=”best”似乎�?起作用了，图片在旋转和放大缩�?时�?�?�抗钜处�?�，当时觉得是�?是Flash8改�?�了什么�?�数，因为Flash7和之�?版本都好好的（因为当时我无�?中�?�布�?了flash5的格�?，�?��?�改回flash8�?�?�现的问题），�?��?��?�现是压根�?行了。本想去maillinglist问，结果忙忘了……刚看RSS时候看到Franto那里有个类似的帖�?，点开�?�看看果然和我的问题一样的，在留言里�?�找到了一些信�?�：
1�?很多人�?�到并抱怨这个问题……
2�?这是个bug… – -
3�?�?�以用Flash8的BitmapData�??供的.smothing修正，虽然比较麻烦，�?过有人专门写了一个新的load函数解决这个问题。

Permalink Comments (1)

Flash Lite 2.0

January 5, 2006 at 9:47 pm · Filed under Flash Lite

2.0终于�?�了，支�?的机型：
Nokia 3230
Nokia 6260
Nokia 6620
Nokia 6630
Nokia 6670
Nokia 6680
Nokia 6681
Nokia 6682
Nokia 7610
Nokia N70
Nokia N90

唉…都是7.0以上的symbian系统，�?�怜�?�的QD被抛弃了… T_T

Permalink Comments (3)

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

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

AFLAX ?

November 24, 2005 at 9:44 am · Filed under Flash, Javascript

AFLAX: A JavaScript Library for Macromedia’s Flash™ Platform
一个opensource的项目，�?需�?Flash IDE，直接用javascript通过Flash8新增的ExternalInterface在页�?�上开�?�flash应用。
Download library | Download sample media files | online API documentation
这里是一些demo(需�? FlashPlayer 8 支�?)：

AFLAX allows developers to use most of the Flash 8 platform, including drawing commands, filters,video, and much more. Here are some simple demos, and I’ll be adding more each week.Note that there are no hidden tricks here–the demos are using nothing but JavaScript, a small Flash “bootstrap” file, and a few graphic resources (depending on the demo being shown):

General demos:

Real-time Chat Demo

Client-side XML Graphics Demo

Drawing demos:

Drawing Gradients Demo

Drawing Demo w/Rotation

Animated Chart with Tooltips

Animated Spirograph w/Controls

Kaleidoscope Graphics

Image Processing demos:

(Note: Some of these demos are CPU intensive as they perform real-time effects.)
Arrow with Motion Blur

Ball with Motion Blur

Text on Fire

Glass Effect Demo

Perlin Wood Texture

Audio demo:

Audio demo – playing an MP3

Video demos:

Video Playing with Cue Point Events

Video with Alpha Channel over Images

关于ExternalInterface具体�?��?�考Flash8的帮助文档或MM的livedocs

ExternalInterface 类也被称为外部 API，是一个新的�?系统，通过它�?�以在 ActionScript 和 Flash Player 容器与具有 JavaScript 的 HTML 页或嵌入 Flash Player 的桌�?�应用程�?之间轻�?�进行通信。

Permalink Comments (1)

Older Posts »

Flash the Future

blog转移阵地

CSSTDG读书笔记�??三

Flash8的图�?抗钜

Flash Lite 2.0

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

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

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

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

几天�?�?�

AFLAX ?

Pages

Archives

Categories

Search

Design

Flash

HTML&CSS

My friends

Meta