HappyDesigner成立於2005年9月，目的是推廣網頁標準，討論各類設計議題，創造網頁設計的討論環境。
2008年4月20日 星期日
我們的IRC聊天室(#happydesigner@freenode)有一隻常駐機器人，他的名字叫做kerobot。如果你告訴他一個網址，他就會紀錄到他的del.icio.us書籤，方便大家分享：
hlb> kerobot:
http://blog.vgod.tw/2008/04/19/%e9%87%8b%e6%94%be%e5%87%ba%e8%85%a6%e8%a3%a1%e7%9a%84%e9%9f%b3%e6%a8%82/ [tag:TED music]
kerobot> hlb: [Link Info] title: 釋放出腦裡的音樂 | vgod’s blog
昨天稍微修改了一下部落格的版面配置，順便就把kerobot的書籤列在右側了，希望大家會喜歡。
2008年4月14日 星期一
之前在IRC Channel上面討論過幾次，認為如果把部落格從WordPress搬到Blogger上，就「共同撰寫」而言應該很有幫助。
正好HappyDesigner.org的主機代管又要到期了，跟我合租的朋友們決定要改租另一台機器（其實是同一家主機代管商，只是比續租來得划算許多，這還真是個奇怪的行業）。不過每年都要搬家實在是很辛苦，所以我就趁這個機會，乾脆來把部落格就全搬到Blogger上了。
除此之外，我也把HappyDesigner首頁改用Google Pages，加上原本就有用的Google Host、辦聚會的時候用的Google Site，所以全部都改用G社方案啦！
有興趣一起寫部落格的朋友，請在IRC上告訴我，或是寄信跟我說吧。
2008年3月30日 星期日
第三次HappyDesigner聚會圓滿落幕，謝謝大家的共同參與。雖然這次活動有收費，但是講者陣容實在太厲害，所以來的人比前幾次都還要多呢。可惜身為主辦人太忙碌，沒有好好認識新朋友。
這次真的要非常感謝金牛頓，不但提供一個這麼棒的場地，而且也給我們非常多協助。實在是讓人覺得應該要常常辦活動才對。我想唯一的小缺點就是我們的筆記型電腦太多台，結果把無線網路基地台撐爆了吧。雖然金牛頓的工程師非常熱心，幫我們加裝了第二顆基地台，不過狀況還是沒有太大改善。
（所以AirPort Extreme網站上寫”Connect up to 50 users”顯然只是廣告詞……感覺上好像沒有up to 15 users耶……）
這次聚會最後還有大約新台幣七百元左右的盈餘。不過因為HappyDesigner不是法人組織，而且我並不認為「把這次活動的盈餘留作下次活動經 費」是個合理的選擇。所以我會將餘款補貼給我們超棒的贊助商OPCafé（不但幫我們煮了一天的咖啡，還幫忙排了茶點、另外贊助了啤酒！）。
HappyDesigner Meetup No.3 活動紀錄
P.S. 請問有人有意願擔任HappyDesigner聚會台北區的主辦人嗎？請E-Mail與我聯絡。
2008年3月13日 星期四
2007年1月27日 星期六
最近遇到兩個和透明度（opacity）有關的問題。
一個是Firefox 2.0的Mac版本（不管是任何一種build），只要頁面上有任何一個可見元素有低於 1 的 opacity，整頁的文字都會變得相當細瘦。詳細的問題描述請參考這裡。 根據討論，原因應該是出在Firefox在Mac上繪製兩種有透明度的文字時，是先繪至在一張bitmap buffer裡。而OS X並不支援在bitmap buffer裡的subpixel rendering（雖然有anti-aliasing；事實上，iTerm的文字看起來和一般OS X應用程式不同，問題也出在這裡）。
另一個則是神秘的Safari問題。如果你的頁面上有加上了透明度的overlay，只要元素一多，Safari的頁面載入速度、tab切換速度，以及例如使用Scriptaculous的sortable時的反應，就會變得無比慢。一開始以為這是Scriptaculous的錯，沒想到只要把opacity拿掉，Safari突然就回神了。
測試網頁可參考慢板跟快板。差別只在overlay是否有opacity。建議並列兩個tab來切換，感覺就更明顯。不，使用MBP並沒有幫助，更不用說iBook/PowerBook使用者了。
WebKit無此現象。Firefox當然沒有。
by lukhnos
2006年12月26日 星期二
Update: hlb 準備了原始檔和範本。
hlb根據YUI Grids與Mollio CSS/HTML Templates， 製作了一套名為 “Yullio” 的模版（Yullio = YUI + Mollio）。原來 Mollio 已經有不錯的佈景主題與版面配置（type-a 到 type-f 六種）。我們把 Mollio 的版面配置部份抽掉，改用 YUI Grids 來處理，這樣做有幾個好處：
Yullio的原始檔和範本可從這裡瀏覽和取得。
對於 Rails 的開發者來說，我們還製作了一個名為 Yullio Layout Generator 的產生器，現已發表到 RubyForge 上。取得及安裝方法非常簡單：
gem install layout_yullio_generator
然後針對你要生 layout 的 controller，例如 Expense ，下達以下指令：
script/generate layout_yullio Expense sidebar
此時你的 app/views/layout 目錄下會增加一個名為 expense.rhtml 的版面，而 app/views/expense 下方則會多一個名為 _sidebar.rhtml 的部份頁面檔（partial）。同時這個產生器還會將相關需要的 CSS、JavaScript 及 plug-in 拷進你的 public/ 及 vendor/plugins/ 目錄下。
重新載入你的 Rails app ，然後叫出 Expense 相關的頁面，你會發現已經套上了 Yullio layout。
要更改 layout 的方法很簡單，在你的 Expense controller 下，增加下面兩行：
class ExpenseControler < ApplicationController
...
yullio_page_width :doc2
yullio_column_template :yui_t2
yullio_page_width 後面的參數，目前有 :doc, :doc2, :doc3 三種，分別對應至 YUI 的 #doc, #doc2, #doc3 ，至於 yullio_column_template 後面的參數，則為 :yui_t1 至 :yui_t7 ，分別對應至 .yui-t1 至 .yui-t7 等七種版面（由於 Ruby 的 symbol 不能用 dash ，因此改代換以底線）。
在程式碼更改後，版面也就隨之改變。需注意的是，如果你還需要主欄位內的分欄版面，得自己去填入 .yui-g 相關 HTML 程式碼。
進一步的使用說明，可參考本產生器的說明文件：
script/generate layout_yullio
可使用的版面，則可以參考 Yahoo! UI Grids CSS 文件。佈景主題的各種用法，則可以參考 Mollio。
Yullio Layout Generator 是使用 BSD 授權公開發表的軟體套件，由 hlb 和 lukhnos 製作。YUI Grids 及 Mollio 的授權，請參考其各自的網頁。
註：感謝 Forth 提供 Ruby plug-in 撰寫指引。;)
by lukhnos
2006年11月24日 星期五
說說你對HTML未來的看法吧
2006年11月7日，Molly E. Holzschlag著。
（原文刊載於WaSP網站，“Have Your Say about the Future of HTML”。中文版由HappyDesigner團隊完成。）
本文是應網頁超文本技術工作小組(Web Hypertext Application Technology Working Group, WHATWG)邀請而撰寫，並且同時發表在The Web Standards Project、Lachy’s Log、Molly.com和456 Berea Street。
W3C 在日前決定要繼續進行 HTML 的開發工作。針對這項決議，網路上已經有不少討論。部落格的文章，以及郵件論壇、討論區的訊息，顯示大家對於 HTML 的未來（包括 HTML 5 與 XHTML 2），還有 WHATWG 跟 W3C 的新 HTML 工作群組，有不少的疑惑與誤解。
一些人問及新的功能，有些人好奇之前被認為不再合宜的元素能否敗部復活，另外也有人針對WHATWG、W3C的行動或決策本身表達意見與批評，還有少數人對於WHATWG與W3C忽略特殊團體需求的情況表示關注。WHATWG目前正在開發下一版的HTML（稱為HTML 5），我們認為不但要聽取建言，還要主動徵求意見並加以回應，如此方可發展出符合眾人需求的語言。
我們提供許多參與管道。最直接的方法是訂閱郵件論壇，這樣確保我們聽得到您的意見。然而，並非所有人都有時間參與，或追上論壇裡密集的討論。有些人覺得目前的HTML 5草案（網頁應用程式與網頁表單）令人退避三舍。其他人則認為，他們既然無力負擔W3C的基本會員費，自然也不會有人注意到他們的意見。
即便您為了什麼原因，而認為自己不能或不便參與，您的意見依然寶貴。WHATWG需要您的意見，而且想要知道您對HTML的想法。
歡迎提出各種問題、意見，乃至批評、牢騷，抑或是功能需求。發言就趁現在。意見無高下之分，問題無深淺之別，批評但請直言。只要您有話想說，我們都樂意傾聽。
請在此留言，或是在您撰寫的文章加個連結。我們會聽到您的建言，並且試著回應。
