Posts tagged CSS

Flex FAQ #8: Font Embedding 全集

Apr 7th

Posted by Vicker in Flash

No comments

尋日要幫一個 application 做 font embedding 主要係想 embed 楷書 其實 font embedding 本身並唔係一件難事 因為 Flex 本身已經 support~ 但係 embed 得黎又要控制好 file size 就唔簡單~! 至於楷書o既問題就更加多… 應該 specific d 講… 係 Microsoft o既標楷體o既問題更加多…

由淺入深~

1) Flex 直接 Embed font

方法主要有兩種

1A) Flex CSS refer local font

@font-face
{
	src: local("標楷體");
	font-family: "KaiShu";
}

o係 CSS 裡面 declare font-face 然後 source 利用 local 指住個字體名 最後 declare 一個 font family 名~ (呢個隨意就得) 呢度最 tricky 係個字體名… 特別係 Mac 機再加埋中文字… 經常攪到 Flex Builder compile o既時候會出現 local build error…

好: 快 壞: 唔穩定, File Size 大

1B) Flex CSS refer font file

@font-face
{
	src: url("/fonts/標楷體.ttc");
	font-family: "KaiShu"; More >
, , , , , , , , ,

Sometimes I hate Flex… Sometimes

Jul 24th

Posted by Vicker in Flex

No comments

Don’t get it wrong… I am not leaving Flex, most of my current developments still rely on it and I am sure it will last for several more years.

Working with Flex for nearly two years. I am sure I have the right choice however sometimes Flex do makes me mad.

  • SWFLoader content can’t be unloaded completely. (How many times you try to replace a loader content but you notice the content music never gone away)
  • VideoDisplay component doesn’t play .flv correctly…
  • Not even those produced by Flash Video Encoder…
  • Non standard CSS
  • Math.floor (Math.random () * 4) + 6 (Oh my god… I just want More >
, , , , , , ,

Alternate Style Sheets

Nov 30th

Posted by Vicker in Web Usability

No comments

When we designing our web site style, have we think about whether others like our style? I guess it is not possible making a style which suits everyone’s taste. So why not letting the visitor selecting his own style? That is why Alternate Style Sheets become an important function in a web site.

The idea of alternate style sheet is that we will first prepare a few different style sheets to be the alternate. And then providing a drop down box within the web page allowing the user to choose the style he / she likes. And the preferences are stored More >

,

Aural Cascading Style Sheets (ACSS)

Nov 23rd

Posted by Vicker in Web Usability

No comments

Cascading Style Sheets (CSS) is widely used when developing a web page. It can be used in both layout and styling. However it is meaningless for the blinds. So are there any styles for the blinds?

Aural Cascading Style Sheets (ACSS) is the answer. Actually ACSS is not a new technology. It can be viewed as an add-on to the original CSS. The following are the commands supported by ACSS.

voice-family speech-rate pitch pitch-range stress richness

By means of these commands, the speech produced by the disables assisting browsers like JAWS that I previously mentioned can be “styled”.

For example the following will make More >

,

The Form Assembly

Sep 27th

Posted by Vicker in Web Usability

No comments

HTML Form, I guess anybody who written some web pages before should be familiar. It is not a really hard one actually. With some form elements like input, select, options, etc… the form already works. However is it usable and accessible? Have you done enough form validation? Have you provide enough labels for the form elements?

Building a good HTML form is not a easy task, especially if you want to follow those standards. Googling for a while, found out this web which is great to achieve the mentioned points above. The Form Assembly (http://www.formassembly.com)

Same as other informational web sites, there More >

, , ,

Web Content Accessibility Guidelines

Sep 13th

Posted by Vicker in Web Usability

No comments

Before having the first lecture there are already quite a large number of things that can be explored simply browsing Andy’s web.

You may notice that there are a number of small icons on the bottom of Andy’s course web. Saying W3C XHTML, W3C CSS, W3C WCAG, BOBBY 508 and BOBBY AAA.

For the first two, I guess is quite familiar to many people. They are the standards posted by W3C. (World Wide Web Consortium) Using the validators provided by them, (HTML validator and CSS validator) anyone can check whether their web page fullfill the requirements of the standards. If it is More >

, , , , , ,