2005-08-31

10-Year-Old Opera.

Opera is now celebrating its 10th anniversary.

During the party, they give away Opera 8 free license as gift. Just get yours.

2005-08-30

殘暑雜記。

  • 暑假只剩兩天...。

    過得太快了啦,總覺得才剛剛開始的樣子。

  • 很害怕開學,新班主任兼英文老師是每天會叫你做五份 news cutting 加默書,兩星期短假要剪一百篇報紙的變態人物。人人尊稱之為「女王」。

  • 學校沒有游泳池...。

  • 今天去補回之前兩個月的漫畫跟小說。閒聊中被老闆說了「在那邊買這麼多,來這邊卻買這麼少」這樣。我也不想的咩,那人家沒錢就是沒錢嘛...。

  • 今天收到了考評局的信,主要是交代英文 Syn. B 查卷的事。

    I am pleased to report that your result was found to be correct and that no error was detected either in the entry of your marks or in the processing of your marks.

    我怎會被兩個說話不用腦的女人擊敗,你解釋啊!

  • 明天繼續被某生物老師虐待。

    收三百元打賞要做三十小時,我這種廉價勞工也夠好用了。

  • 今天出現了予想之外的狀況, CWHK 20 的報告可能要再等兩日。承諾好的事失信了真抱歉。

2005-08-28

CWHK 20 終了。

終於結束了...。

比起上次 CWHK 19 ,今次的 CWHK 20 顯得很普通,不能上台唱歌什麼的,歌曲是來來去去重複在播那幾首 (還要是 Seed Dentiny 的) ,廣播系統也沒有,感覺互動的部份很少。

一些 Circle 的畫力倒是明顯地有進步,但感覺到魂的,還是屬少數。

報告要等到明天,畢竟老媽在家有諸多不便。

Simplier Block.

上次我們在 Simple Block, Simple Inline 裡面從 HTMLCSS 兩方面稍為了解了 block 和 inline 和它們之間的分別,今次我們將會更全面地看看 CSS 中所謂的 block boxes 。

對於 display property ,下面的 value 會令一個 element 變成 block-level (從這裡開始我們會稱這些 elements 為 block-level elements) 。

  • block
  • list-item
  • run-in (某些情況)
  • table (有點不同)

另外還有 floatsabsolute positioning 的場合會產生 block boxes ,這不在本文的討論範圍內。

Principal Block Boxes

Block-level elements (table 除外) 會產生所謂的 principal block boxes ,這 principal block boxes 中只能容納 block boxes 或是 inline boxes ,不能兩樣都有。

Anonymous Block Boxes

那麼,如果像下面遇到同時含有 block content 和 inline content 的場合要怎麼辦呢?

<div>
 Some Text
 <p>More Text</p>
 Much More Text
</div>

如此這般 CSS 會假定 "Some Text" 和 "Much More Text" 也被一個 block boxes 包圍著,而這些虛構的 boxes 便是所謂的 anonymous block boxes ,請看下圖。

Figure showing how anonymous block boxes are formed.

就是說 div principal block box 裡面有三個 block boxes 。

  • 包圍著 "Some Text" 的 anonymous block box 。
  • p block box 。
  • 包圍著 "Much More Text" 的 anonymous block box 。

List-Item Boxes

一個擁有 display: list-item 的 element 也會像其他 block-level elements 一樣產生一個 principal block box ,除此以外還會附加一個 marker box 用來表示自己是 list item (在 list-style-type property 的 value 非 none 的場合) 。 Marker box 出現的位置是由 list-style-position 這個 property 來決定的,如果 value 為 outside 的話, marker box 就會放在 principal block box 的外面;反之如果為 inside 的話, marker box 將會成為 principal block box 內的第一個 inline box 。關於具體 marker box 的 positioning , specs 本身沒有說明過,所以各家各派對於 marker box 的處理方式都不同。

Principal block box 的一系列 background properties 將不會應用在 marker box 上,另 list-style-position 的 value 為 outside 的話, marker box 的背景將會是透明。

Table Boxes

display property 為 table 的 element 和其他 block-level elements 不同,它並不會產生 principal block box ,取而代之的是產生一個 anonymous block box 來包含著 table box 本身和 caption box (which will generated by caption element) 。下面所有在 table box 上的 properties 都會被應用到 anonymous block box 上。

  • position
  • float
  • margin-top, margin-right, margin-bottom, margin-left
  • top, right, bottom, left

而 table box 則會使用這些 properties 的 initial value 。

Run-in Boxes

不在本文的討論範圍內。

Block Formatting Context

這是指在一個 document 中, block boxes 到底會以怎樣的方式來排列,換一個方式說就是「 (Visual) Browsers 放置 block boxes 的規則」。

簡單說,就是 block boxes 從上到下一個個的排列。

複雜說,我也不知道要怎麼說 XD 。

用上面在 Anonymous Block Boxes 裡提過的的例子。排列首先是第一個 anonymous block box ,接著是 p block box ,最後是第二個 anonymous block box ,三個 block boxes 的左邊界都會緊貼著 div block box 的左邊界 (以從左到右的書寫習慣來說) 。

Floats 和 absolutely positioned elements 、 inline-blocks、 table-cells 和 overflow value 不是 visible 的 elements 都會創立新的 block formatting contexts 。

Collapsing Margins

Block boxes 之間的垂直距離是由 margin properties 當中的 margin-topmargin-bottom 來決定的,而當兩個相鄰的 block boxes 的 margins 接觸,它們的 margins 就會塌陷 (collapse) ,舉例。

<div style="margin-bottom: 20px;"></div>
<p style="margin-top: 10px;"></p>

這樣 div block box 和 p block box 的距離會是 20px ,而不是 20px + 10px = 30px 。

Figure showing the collapsing margins of two siblings block box.

Block box 本身跟它 parent 的垂直 margins 也有可能會 collapse ,條件是中間沒有 padding 或是 border 阻隔住,像這樣。

<div style="margin-top: 10px;">
 <p style="margin-top: 20px;"></p>
</div>

Figure showing the collapsing margins between parent and it's child.

總而言之,當兩個 block box 的 margin 直接接觸,就會出現 collapse 。

Block Box Dimensions

Block boxes 的大小被四個要素影響著。

  • Content Area (width & height)
  • Padding Area (padding-*)
  • Border Area (border-*)
  • Margin Area (margin-*)

這四個 areas 的周界稱為 edge ,當中 content/margin edges 又稱 inner/outer edges ,除了 content area 外其他 area 都不是必要的 (也就是說它們可以被零化掉 XD) 。要用文字說明他們之間的關係會有點累贅,請看下圖。

Figure showing the relation of four areas above.

Padding area 跟 border area 是被加在 content area 上面的,而 margin area 而是被放在 block box 外面的空間,所以 margin area 不會承受到 block box 本身的 background properties ,背景永遠都是透明的。

IE Old Block Box Model

這是舊版本的 Internet Explorer 對於 block boxes 錯誤的拴譯,現在有很多人還是以為這是正確的方法。

舊版 IE 把 widthheight properties 的 values 當成是整個 block box 的大小,也就是 content area + padding area + border area 的總和,而不是只有 content area 。

這樣 standard-compliant 的 browsers 在 render 一些比較老舊的網頁時就會造成麻煩。 Opera 跟 新版 IE 都是透過檢查網頁的 DTD 宣告進入 quicks mode 來進行支援。


下一篇將會集中了解 inline boxes 。

2005-08-23

怪癖 Meme 。

今次是從 catho7 同學而來的 Meme ,下面是今次的規則:

  1. 被貼後,請寫 5 項個人怪癖
  2. 然後請再轉貼 5 個人

那麼趕快開始罷。

管理人的五不思議癖好

不喜歡剪指甲。

這是從小就養成的好習慣,沒必要的話絕不剪指甲 (必要在這裡的意思是爆甲和反甲) 。形成這種好習慣的原因有很多,但最主要是因為-

惰性。

正因為如此,我擁有著連女生也極之羨慕的漂亮手指甲,雖然平常完全沒有去護理過就是。

カチュ━━━━━━(゚∀゚)━━━━━━!!!!

每當遇到出乎意料的事便會カチュ━━━━━━(゚∀゚)━━━━━━!!!!的叫出來,關於經常都嚇到人這一點我感到很抱歉。

只有在特別的日子才會剃鬍。

好好有事幹卻花時間去剃鬍到底是幹啥嘛...。

會用指甲壓平對摺口。

從學會摺紙的那一天開始就是這樣做,好處是撕回條的時候很方便,代價是我折的紙青蛙總不夠人家的跳得高。

不用紙巾。

非常的不喜歡用紙巾,對於一些人動輒就拿紙巾出來抺抺抺的動作覺得很厭惡。

那麼接下來是被選中的人。

辛苦了。

2005-08-20

[DJMAX] 韓國 050819 更新 - DJMAX Vol.2 Part 3 。

這次 Part 3 對我們這些星斗市民似乎沒有什麼營養...。如果會寫泡菜文的話可以去寫感想看看能不能戰個 Permiun 會籍或是 Credit 回來玩玩,不能的話就只能下些萌歌的標題回來了...orz。

在今次的 Premium 曲中超想彈這首。

Title of The Song.Song of Spring.

Visualisation 萌之餘還是 Classic ,抗性零化 (囧。

MX Style

新增的五首 MX Style 有兩首是 Premium ,除掉以後剩:

  • Elastic Star
  • Save My Dream
  • Triple ZOE

Elastic Star 7K MX 化後還是 lv.9 這下真是夠歡樂了。

Elastic Star MX. Save My Dream MX. Triple ZOE MX


他喵的 Course Play 到底什麼時候才開放!

2005-08-18

[DJMAX] 日本 050818 更新。

JASCO!!

Title of JASCO!! HD

這曲子可以說是完完全全日本製造的第一首原創曲,屬性是 J-POP ,個人會覺得有點吵耳啦...。 Pattern 方面也很單調這樣,不過總算是找到個玩日本 Server 的理由了。

風にお願い.JP MX

Title of JASCO!! HD

這個 Visualisation 真是...。拜託給點誠意好不好,最起碼也不要連構圖都跟泡菜版一樣咩 (囧。

鋼の錬金術師 #11

Cover of 鋼の錬金術師 #11

這一本的劇情發展得很快,老爸是人造人父親的可能性提升了 100% ,而且所謂的人體鍊成的概念也變得模糊了。

說是要取回身體, Edo 該不會是想去跟真理理論罷...。況且我覺得荒川牛也不會允許這種圓滿的結局,看他在這單行本的最後幹了什麼好事!?還我萌娘啊...orz。

2005-08-16

Simple Block, Simple Inline.

關於 Block 和 Inline 的概念,我們可以從 HTML 和 CSS 這兩方面去了解。

Block & Inline in HTML

在 HTML , Block 和 Inline 的概念可以體現在 Block-level Elements 和 Inline(-level) Elements 上。

Block-level 和 inline 是 HTML 中 elements 的兩個種類,能在 body 裡面出現的 element 幾乎都可以歸成這兩類的其中之一,它們之間的分別我們可以從三方面予以了解。

Formatting

一般來說 block-level elements 的最上方和最下方都會有換行,而 inline elements 則隨著文字的順位出現,和 CSS 所控制的 Presentation 不同,這就算是在老到掉牙、不支援 Style Sheet 的 browsers 上也會正確地顯示出來。

Content Model

Block-level elements 可以分成三種:能容納其他 block-level elements 或 inline elements (像 div) ;只能容納 block-level elements (Strict document type 的 body) ;只能容納 inline elements 和 text (有經常用到的 p) 。 Block-level elements 作為其他 elements 和 text 的容器,可以說是構成整個文件結構的主要部份。

Inline elements 則只能容納其他 inline elements 和文字 (object 例外) , 一般都帶有意思,包含了 HTML 中大部分的語意 (semantics) 。

Directionality

這不在本文的討論範圍內。

至於 delins 這兩個 elements 的情況則有點特殊,它們跟據不同的情況,可以是 block-level ,也可以是 inline 。

注意 DTD 中定義了什麼 elements 是 block-level 、什麼 elements 是 inline ,我們沒法子改變。

Block & Inline in CSS

在 CSS 裡, block 和 inline 的概念表現在所謂的 box 裡。 Elements 產生 boxes ,而 boxes 可以被理解為一個個長方形的,這些框是作為 document 本身視覺上的表達而存在,但 boxes 本身不等於 elements ,一個 element 可以產生多個或是根本不產生 boxes 。粗略地說, block-level elements (HTML) 產生 block boxes ,而 inline elements 產生 inline boxes 。

和 HTML 不同, CSS 裡可以透過 display 這個 property 去改變 boxes 的種類。在無視掉 table 系那十個 values 後,跟據 display property 不同的 value 將會產生或 inline 或 block 的 boxes :

  1. block
  2. list-item
  3. run-in (某些情況)
  4. table (有點不同)

會產生 block boxes 。

  1. inline
  2. run-in (某些情況)

會產生 inline boxes 。

另外也有其他情況會產生 block boxes ,像是 floatabsolute positioning 的場合,本文暫不詳述。

在下一篇文章將會深入探討所謂的 block boxes (如果有的話 XD) 。

2005-08-10

2005 年度會考終了。

今早回校終於拿到了 Results Notice 。

My HKCEE Results Notice, 2B2C3D1F.

總計十八分,但中文 F 了...。這怎麼可能,而且還是作文 U 了之故,這個故事教訓我們隨便把像孔子這樣偉大的歷史人物祭出來是會遭天罰,不過最大的問題還不是這個。

現在 Maths 跟 A.Maths 都 D 了, A.Maths 的結果我還可以接受 (畢竟長題目只答了一題咩) ,但 Maths 怎會只拿 D...。今年試題已經是特別容易的一份,就是失手到了極點也應該能拿 C ,現在這是什麼意思...。這兩科都不夠格讓我修不了 Pure Maths ,只靠一科 AL PHY 根本不夠我戰 Computer Sciences 。所以除了中文之外我明年還要 retake Maths 跟 A.Maths ,並且拿 B 以上,這樣我的 CS 之路才能有一線生機,否則要戰翻那些同時修 AL PHY 和 Pure Maths 的人根本沒可能,而且 AL PHY 還不能考的差。

CIT 一失足成千古恨,反而一些我沒什麼期望的科目倒考得不錯,尤其是那篇不成才的英文作文竟然拿 D ,難道是ポチ加護? XD

總之現在先讀 Chemistry 、 Physics 跟 Maths & Statistics ,接下來的半年相信會非常痛苦,現在就寄望中文 CHECK 卷能遇到個知音人讓我中文及格好減輕一下苦楚這樣。


果然考試不溫習是不對的 www 。

會考放榜的心情。

剛剛的放榜祈禱會,其中有一環要我們在紙上面寫下三個項目。

  1. 現在的心情。
  2. 在知道成績前一刻的心情。
  3. 知道成績後的心情。

我是這樣寫的。

  1. =w=
  2. キタ━━━━━━(゚∀゚)━━━━━━!!!!
  3. lol

沒有人知道我寫什麼讓我很傷心。

2005-08-09

rein 1.0.13 released.

今次是 Deer Park 2 和 Nightly Builds 專用,有需要就拿去罷。

話說 Gmail Notifier 在最近的一次更新後,在收到新 Mail 時會更換 icon ,但在 rein 1.0.10 下因為缺圖所以會變成這樣。

Gmail Notifier shows up a big blue ugly icon under rein 1.0.10.

這下子應該會有 Fx 1.x 的更新罷 (笑。

2005-08-07

好熱啊啊啊。

最近的天氣真是超!熱這樣。雖然數字上溫度不高,但香港潮濕天氣的悶熱的難受程度已經遠遠超過了我在湛江所感受到的了。不過這個不是重點 (習慣了咩) ,更痛苦的是電腦經常熱到當機,像剛剛打這篇記事的時候就已經當了一次 (內容還沒 save 啦啦啦) 。難得這邊有心把 Duel Savior 解封打算全破,結果每次打個一小時多點就給我當,難得的熱情就這樣被淋熄了...(翻桌。我要玩 DS Justice 咩 (囧。

考慮看看要不要多買一把風扇給它降降火...。


被某生物老師拜託了,明天要回學校幫忙整理 Past Paper ,又要穿校服怎樣的真不想去。聽聞許某同學用 OCR 給他了 2005 Bio Past Paper 後被賞賜了港幣二百元正,如果今次我也能有一些賞賜的話接下來的兩星期就不用這樣辛苦了罷。雞尾飽什麼都吃膩了 www 。


既然玩 DS 會當機的話就玩這片罷。什麼?今次沒有大空翼!? (w

2005-08-05

[DJMAX] 韓國 050805 更新 - DJMAX Vol. 2 Part 2 。

這次 Part 2 的更新只有加入 Messenger 功能,之前承諾過的 Course Play 不知道跑哪去了,算啦,這些都不是重點。

重點是這個!

風にお願い MX

Title of 風にお願い MX

キタ━━━━━━(゚∀゚)━━━━━━!!!!

真的被我說中!太捧了,以後 7K 想玩的時候就不用忍受 Normal Style 的痛苦了!人氣榜第一位預言。

另外還有新曲 Living on the Beat 跟 Ray of Illuminati 和 Dancin' Planet 的 MX Style ,不過這些都不重要所以小圖好了 (喂。

Title of Living on the Beat HD. Title of Ray of Illuminati MX. Title of Dancin' Planet.


本來還想寫多點有關 Messenger 的東西可是沒人跟我試所以罷了 (淚。

2005-08-04

[DJMAX] 日本 050804 更新 - DJMAX Vol. 2 。

除了本體更新成 Volume 2 之外,日本 DJMAX 也終於正式開始收費了。

不知道說是進步了還是退步了好,除了撤下所有 SC Style 外,公測時候加入的所有在韓收費曲也撤下了,沒錯,是所有,「應該會有一兩首留下來罷」我這樣的想法完全被粉碎了...('A`) (我的 Oblivion...!!)

今次唯一 (?) 的亮點就只有風にお願い的日文版本了, pattern 跟 MV 和原版是完全一樣,同樣地也是沒有 Hard Style ,對於歌詞換成日文這點我是沒有太大的感動啦 (都聽不懂 orz) 。還好 Visualisation 是新的,尚算有點誠意,只是把心力花在製作曲子的 MX Style 會比較好啦 (無責任自私地認為 XD) 。

另外就是今次加入的 YellowBerry 、 Cherokee 、 REVENGE MX 和 Space of Soul MX 是有 MV 的版本,算是一點安慰?其他本體上的改動和 MX Style 的資料請參考之前韓國 Volume 2 Part 1 的報告。現在只好期待韓國明天 DJMAX Volume 2 Part 2 的推出了。

Title of 風にお願い (日本語バージョン) Title of YellowBerry HD (MV 有) Title of Cherokee HD (MV 有) Title of REVENGE MX (MV 有) Title of Space of Soul MX (MV 有)


這是題外話。

今天發現在 MX Style 裡出現了紫色的新判定 "Fault" , Fault 在 VOS 裡面當連續 Combo 時按到沒 notes 的 key 就會觸發,是會讓 Combo 立即斷掉的可怕判定。但在 DJMAX 裡似乎又不是這麼的一回事,看上去似乎是替代舊有的 MAX 1% 的判定,這樣傳說中的 5/7 鍵齊發在 MX Style 中就沒辦法實現了, GJ !!