假文、Lorem Ipsum、MoreText.js

前言: 這是因為MoreText.js帶起的假文熱潮而產生的考古文...
假文(Dummy Text/Lorem Ipsum)，一種排版上為了填充文字區域而存在的(普遍)無意義文字。源起是拉丁語系(英語為主)常用的"Lorem Ipsum ..."，所以又稱為Lorem Ipsum。
選用無意義的文字/文章是為了使觀看者專注排版效果而不受字義左右，所以文字愈是看不懂的愈好；但因為如果和真實世界文章差別太遠會有潛在的字型組合問題，所以又不能用隨機字母組合－是以元祖的Lorem Ipsum為基於拉丁文章 de Finibus Bonorum et Malorum ([英] On the Ends of Goods and Evils / [About] The Purposes of Good and Evil, Cicero,45 BC) 所修改的半拉丁文版 [Wikipedia]。
*不過今天常用的Lorem Ipsum實為PageMaker作為Template的燙印紙修改版(Letraset sheet Ver)
相對於拉丁語系，方塊字的中文並無傳統假文，一段而言都是隨便作點什麼+不斷重覆來填充內容，直至有richyli的假文產生器出現才有點變化。不過因為相關技術 (NLP + 各式語言資料庫 + Scripting Language的強大文字處理技術) 成熟所以有MoreText.js這一類逼真假文產生器面世，同時傳統的Lorem Ipsum也有了不少強化版－

世上最短+最怪的縮網址服務

因為twitter和plurk的流行，所以出現了大量短網址服務－而且每一個都在和別家的鬥短。
以下是一些短的不可思議(或奇怪)的短網址服務:

1. http://tinyarro.ws
   最早出現的世上最短URL Shortener，成名作是http://➡.ws
   除了http://➡.ws ，tinyarro.ws還有多種domain選擇...
   至於生成的網址的辨別字(word)可以短至兩個字(unicode)或自訂，而自訂也是接受unicode的..(也就是說你可以打中文進去)
   另外最近支援www.➡.ws方便twitter或plurk用家慳4個字(用www取代http://)
   API和FAQ見官方網站
   
2. http://縮.jp
   和tinyarro.ws很相似的日系超短網址，Domain也是只有一個字、網址辨別字可以短至一個字，最長3個字 (作者說明)
   例: http://縮.jp/暮
   沒有自訂功能但有REST API (日文)

以上服務看似有趣，但因為是用2003年才訂立的IDN標準，非常舊/非標準的瀏覽器在解析上可能有問題...另外用在一些對url概念只停留在IDN前的program也可能有麻煩，但主流瀏覽器沒有問題。
除了可能嚇到人+打不出來外(縮.jp是可以打可是那是日文漢字)，用起來沒什麼大問題就是了。
^*1 如果你不知道IDN是什麼就當作可以用unicode作為domain名稱的標準好了
^*2 另外你會發現tinyarro.ws的網址Domain在FF的status bar在onmouseover時看起來不一樣，這個故事有點長，另文說明

網站嵌入PDF的好幫手: Free Online PDF viewer一覽

(8/10 Updated: 加入Issuu及一些補充)
PDF幾乎是公認的文檔格式之一，然而在網頁上開PDF是一件極其麻煩的事:無論如何得要安裝plugin/下載完再用PDF Reader開來看，對於網站訪客十分不便。
不過幸運的是有PDF文件線上閱讀器可以在網站上Embed PDF，省去上面的麻煩
*以下Reader除特別聲明來需要Browser有Flash Plugin...如果是為了Acessiblity請盡可能加上直連去PDF檔的Link

[Barcamphk'09 Note] Designer Tools: Balsamiq Mockups

(This is one of the topic presented in barcamp hong kong 09)
UI mockup is an important ad troublesome step betten designer and non-techy client - static photoshop wireframe is hard to understand and not easy to change. We really need a better mockup tool for communication.
Balsamiq, this may be the best UI mockup tool (wireframe) so far with tons of amazing features:

• hand-writing/drawing style UI component
• tons of UI pre-install, customizable and extensible components
• interactive
• wiki-style table editing
• inline editing
• can convert to flash, html/css by plugins
• cross-platforms (Win/Mac/Web)

See the demo to understand its design flows and power!

(中文翻譯見more)

Web Developer ToolBox, Vol 2

網頁開發工具箱，Vol 2 參考文件(Reference)上篇
[12/2 Update: 加入When can I use這個超強相容性查詢器]

• 相容性
  1. When can I use...:
     主流瀏覽器對PNG,HTML5,DOM,CSS3/2,SVG,Canvas的相容性查詢器，除了Browser還是時間性和認受性可以查
  2. W3C DOM Compatibility Tables( powered by ppk ):
     CSS、DOM在各大Browser的相容性，Table顯示方便查詢
     Shortcut: [HTML | DOM | CSS | Event]
  3. Browser bugs section: 已知Browser bug列表(IE淚目)
• 語法、屬性
  1. Sitepoint Reference (HTML、CSS、Javascript): 包山包海，比w3cschool更準，比W3C Spec可讀

Web Developer ToolBox, Vol 1

網頁開發工具箱，Vol 1 工具篇

• 必需品: Firefox
  "No firefox makes your life difficult"
  為的當然是又快又符合標準(Web Standard)的網頁Rendering，以及其強大的Add-ons...