跳到主要內容

發表文章

kerobot & 推薦閱讀

我們的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的書籤列在右側了,希望大家會喜歡。

全面改用G社方案

之前在IRC Channel上面討論過幾次,認為如果把部落格從WordPress搬到Blogger上,就「共同撰寫」而言應該很有幫助。 正好HappyDesigner.org的主機代管又要到期了,跟我合租的朋友們決定要改租另一台機器(其實是同一家主機代管商,只是比續租來得划算許多,這還真是個奇怪的行業)。不過每年都要搬家實在是很辛苦,所以我就趁這個機會,乾脆來把部落格就全搬到Blogger上了。 除此之外,我也 把HappyDesigner首頁改用Google Pages ,加上 原本就有用的Google Host 、 辦聚會的時候用的Google Site ,所以全部都改用G社方案啦! 有興趣一起寫部落格的朋友,請在IRC上告訴我,或是 寄信跟我說吧 。

HappyDesigner第三次聚會圓滿落幕

第三次HappyDesigner聚會圓滿落幕,謝謝大家的共同參與。雖然這次活動有收費,但是講者陣容實在太厲害,所以來的人比前幾次都還要多呢。可惜身為主辦人太忙碌,沒有好好認識新朋友。 這次真的要非常感謝 金牛頓 ,不但提供一個這麼棒的場地,而且也給我們非常多協助。實在是讓人覺得應該要常常辦活動才對。我想唯一的小缺點就是我們的筆記型電腦太多台,結果把無線網路基地台撐爆了吧。雖然金牛頓的工程師非常熱心,幫我們加裝了第二顆基地台,不過狀況還是沒有太大改善。 (所以 AirPort Extreme 網站上寫”Connect up to 50 users”顯然只是廣告詞……感覺上好像沒有up to 15 users耶……) 這次聚會最後還有大約新台幣七百元左右的盈餘。不過因為HappyDesigner不是法人組織,而且我並不認為「把這次活動的盈餘留作下次活動經 費」是個合理的選擇。所以我會將餘款補貼給我們超棒的贊助商OPCafé(不但幫我們煮了一天的咖啡,還幫忙排了茶點、另外贊助了啤酒!)。 HappyDesigner Meetup No.3 活動紀錄 P.S. 請問有人有意願擔任HappyDesigner聚會台北區的主辦人嗎? 請E-Mail與我聯絡 。

HappyDesigner第三次聚會

睽違一年多的時間,我們終於再度舉辦聚會了! 第三次聚會的時間是3/29青年節下午,在新竹市舉辦。聚會地點在3/1才剛開幕的Newton’s A蘋果電腦專賣店。這家店有很棒的會議廳可供租借使用。 因為這次地點有場地費,所以我們這次聚會有酌收場地費以及下午茶點費用。我們會請新竹RT蛋糕店準備茶點給大家享用。 主題 這次主題是“Template, Library, and Framework”,也就是「模板、函式庫與框架」。 目前我們仍然歡迎投稿,如果你有題目願意和大家分享,歡迎 與hlb聯絡 。 詳細資訊請見 報名網站 。

兩個Mac瀏覽器上的透明度問題

最近遇到兩個和透明度(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

Yullio: YUI CSS Grids 與 Mollio 的結合

Update: hlb 準備了 原始檔和範本 。 hlb根據 YUI Grids 與 Mollio CSS/HTML Templates , 製作了一套名為 “Yullio” 的模版(Yullio = YUI + Mollio)。原來 Mollio 已經有不錯的佈景主題與版面配置(type-a 到 type-f 六種)。我們把 Mollio 的版面配置部份抽掉,改用 YUI Grids 來處理,這樣做有幾個好處: YUI Grids 提供至少三種頁面寬度設定,增加彈性 YUI 的二欄式設計較為靈活 YUI 二欄式的主欄,裡面還可以再切分為各子欄位 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 ... yullio_page_width :doc2 yullio_column_template :yui_t2 yullio_page_width 後面的參數,目前有 :doc, :doc2, :doc3 三種,分別對應至 ...

HTML 的未來,需要你的意見

說說你對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的想法。 您認為 HTML 有什麼侷限應該修正? 您希望新增哪些功能? 有什麼是現在就可以用 HTML 做到,但有改進空間的? 您對標準發展過程有疑慮嗎? 您對 HTML 5 有什麼疑問? 歡迎提出各種問題、意見,乃至批評、牢騷,抑或是功能需求。發言就趁現在。意見無高下之分,問題無深淺之別,批評但請直言。只要您有話...