Same but different, Less is more

Text Post 1

Compass.app, 釋出

Dec201031

和多在此先向各位說聲：2011 新年快樂！

2010 年對和多是個十分充實的一年。雖然忙碌，我們仍然不管追求更美更 好。最近，我們進行著一個以 Ruby 語言撰寫的桌面程式。沒錯，我們 自傲地推出了首支桌面應用程式：Compass.app。

Compass.app 是為設計師所設計的工具，在撰寫網頁風格程式碼時，可以用較強力的 Compass 語法（是種可延伸的 CSS），來更有效率地完成工作，並且不需要打開命令列輸入指令。 它是跨平台的程式，有 Mac 版、Windows 版，以及 Linux 版。

利用 Compass 的延伸模組，就可以不必再自行撰寫 CSS 細節，不但使得快 速原型試驗（Rapid Prototyping）能更直接切中要點，也更有趣了。如果您沒聽過 這項工具，我們強烈推薦您立刻開始使用。

請立刻前住官網 compass.handlion.com 一探究竟。 在新年期間，只要 7 美元就可以下載 Compass.app！

Text Post 6

Compass.app, released

Dec201031

Happy new year 2011 from Handlino!

It has been a great year of 2010 for Handlino, but that does not stop us from pushing ourself forward. We have been recently working on a Ruby desktop application and it is ready just on time.

Yes, our first desktop product is proudly out: Compass.app.

Compass.app is a quick tool for designers to write Compass stylesheets (an enhanced CSS) easily without resorting to its command line interface. It’s cross-platform and runs on Mac, Windows, and even Linux.

Rapid prototyping is much easier with Compass and Compass.app then use plain-old CSS. We highly encourge you to familiarize with Compass because it actually makes fast prototyping fun, and productive.

Please visit Compass.app website at compass.handlion.com to take a look, and be sure to get it with our special new year offer of only $7 dollars price.

Text Post 1

MoreText Bookmarklet

Nov201024

MoreText 是個一用就愛上的中文假文產生器，主要用途是讓設計師拿來做為填充版面的內容物，讓測試網頁文字寬容度更為方便。

我們新做了一個給各瀏覽器（唔，IE 可能不算）使用的 Bookmarklet 小程式，可以讓測試者在任何網站的文字輸入區域內填入中文假文。以下是簡易的安裝與使用範例：

希望各位喜歡。

Text Post 2

xdfighter: 自製雙人對打遊戲

May201014

上個星期的 Hacking Friday，clkao 與 c9s 來訪，與我們一同完成了一個對打遊戲: xdfighter。不消說，靈感源頭當然是來自這則 xkcd 漫畫：

影片裡看不太清楚的遊戲畫面截圖:

算了算，目前整份程式含 Perl、HTML、Javascript、CSS 總共才 430 行不到，另外有 18 個圖檔。

所以我們怎麼完成這個遊戲的呢？一開始當然是先決定架構，由於有個「想要把 iPhone 當成搖桿」的執念，因此自然就是安排成如下示意圖的方式:

遊戲主畫面要畫上人物場景、而手機上則要畫出搖桿。

而畫面之間的訊息傳遞則需要有十分即時的方式，在 xdfighter 裡使用的是 clkao 的 Web::Hippie。兩支搖桿則是用 touchevent 來得知使用者目前按了哪個鍵，然後各自送出給主伺服器，再由伺服器去解譯為動作，並把動作的訊息送出到主畫面去。示意圖如下：

伺服器自然就是跑在本地端才能讓延遲最小。另外，如果用 google chrome ，就會以 WebSocket 來連結，效果最佳。但搖桿是 iPhone / MobileSafari，就只能使用 HTTP POST 的方式送出訊息。

遊戲畫面部份，則是找到了 gameQuery 這個工具，基本上只要提供如下的動畫分格圖檔就行了：

丟出蕃茄的動畫

除了人物動畫之外，另外還要三層場景、用 CSS3 畫出 2P 的對稱人物、並且加上血量計、氣功(蕃茄)等等。underfire 提供的火柴人動畫實在是太優了。

這實在是個很歡樂的 Hacking Friday Project，也許有機會還會再來幾輪，請有興趣的大家務必繼續追蹤我們 xdfighter 專案 的後續進展。

當然也請繼續支持我們的 MoreText.js 喔 ☺

Text Post 8

MoreText.js: 一用就愛上的中文假文產生器

Apr201015

或許也可稱為「有用的連篇廢話產生器」。我們提供一個很輕量的服務，讓前端工程師在編排畫面時，可以不必費心思去找內容物來填充。比起無任何意義隨機假文，這個產生器能產生出可以唸、有時還有點好笑的內容。讓設計師心情愉快， 工作輕鬆。

這個服務透過 javascript api 的方式實做，設計師可以不必將假內容寫在原始檔中，套版時也不必再把假內容移除。省下許多拆版時間，較為便利。希望大家會喜歡、愛用。

要了解更多細節，請前往 MoreText.js 專案網站 。

12