drupal

Drupal 模組:PNG Fix 解決了惱人的 PNG 問題

PNG Fix -- Test Image去年的年初(2007),我接了個  cirque 的案子,從小胖手中拿到設計,到切圖,設定寫程式有的沒的,最後雖然完成了,卻因為沒有處理好半透明圖的問題而小帶遺憾。同樣是在去年,時間改到夏天,與朝富合作,完成了行無礙網站 on Drupal,首頁上的 logo 也是處理了一陣子,最後透過 PNG in Windows IE 裏提到的方法解決了。

最近,我發現到一個很棒的模組:PNG Fix,它是一個 jQuery 的一個 plugin,使用它可以很輕易地解決掉 png 在既舊且笨的 IE 上頭的問題!!!(可以在 wikipedia 上頭介紹 PNG 的文章最後,看到一個 Internet Explorer incompatibility 的章節)

OK, 重要的事已經分享完了,而我也已經在這個網站上安裝了 PNG Fix,對於那些依舊是使用 IE 6.5 以前版本的造訪者,我已經可以,完全無後顧之憂地大量使用有半透明特性的 png 了,真棒。下頭,是一些與 PNG 有關的小故事,我覺得有趣的小故事…

Drupal: 許每篇文章一張圖

Daily Pickup | DRAKE因為某些原因,遇見了 Cool Hunting 的某個頁面,它讓每一篇文章都成了一小張圖,然後整整齊齊地擺出來,整個就是好看。於是乎,逛 Cool Hunting 時,不再是依照每一篇文章的標題或是文章摘要(teaser)來決定要不要點進去看,而是這篇文章的小圖有沒有引起你的注意。

圖像化文章列表(photolized list of articles) -- 給它一個命名。

隨後想說,既然 Drupal 這麼強大,應該有辦法弄一個類似的功能出來的吧。著手研究了一下當時(寫出這個功能時,應該是 2007 年的夏天)的模組,並沒有找到類似功能的,有點接近的,可能就屬 Teaser Images@drupaltaiwan)了吧。但是 Teaser Images 只能處理放在本機上的圖片,並無法處理外連的圖片,而且如果圖片是出現在全文裏頭,而不是文章摘要的話,就沒用了…

更新:嘗試寫了一個模組,所以作法變得簡單一些些了:我的第一個 Drupal 模組:Thumbview Field。不過如果你想知道我一開始是怎麼想的,那請繼續閱讀下去,不然,就直接跳到吧。

我的第一個 Drupal 模組:Thumbview Field

為了回應 Jimmy, 阿翔, kid814 等人,同時也想試著寫個 Drupal 的模組來練習一下,於是有了這個 Thumbview Field 的模組誕生了~
Thumbview Field for Drupal

幾個月前,我寫了篇「Drupal:許每篇文章一張圖」,目的在做出 Cool Hunting 網站上的視覺效果來,使用了 Computed Field 這個模組,搭配 htmlparser 來抓出每篇文章的第一張圖,然後再使用 ViewsImagecache 來秀圖。過程非常的複雜,容易出錯。幾個月後,有了這個模組,目的是在簡化整個過程…

接下來的全文,會有非常多的圖,請有心理準備。

Drupal Project: cirque

cirque.com.tw 的首頁

cirque 是一個外接的網站案子,我使用了 Drupal 把它實作出來。

它是個 e-commerce 網站,但卻沒有購物車等買賣功能,有的只是賣的飾品的圖片與品牌介紹、友好網站和一些新聞,再來就是一般網站都會有的 About Us、Contact Us、版權宣告等之類的。換句話說,這是一個在網站的功能上,沒有什麼很特別的地方的一個網站。

Drupal Project: 行無礙

行無礙生活網2007/08/17,炎炎夏日,Drupal Taiwan 的站長 Charles 捎來一封信,信的內容只有一句話「Drake,有興趣嗎?」

信裏頭的轉錄內容,是來自一位 2007 台灣網誌運動會上,坐輪椅的朝富,他有個網站,自行使用 Drupal 來架設的(我猜一定是受了 Charles 的推薦的。Charles 嚴然是台灣 Drupal 社群的重要推手了),經過一陣子的調整與使用後,朝富決定延攬有 Drupal 架設與開發經驗的人來共襄盛舉,讓這個網站的開發可以更快速且多元些。

因為朝富他讓我見識到,原來人可以這麼地積極與活躍,活像個小太陽似的(這也許是為什麼他在網路上的 id 叫 sunboy),就連他帶來的行無礙生活網也是如此。於是,我決定投入這個合作案:這個使用 Drupal 來打造一個社群網站的合作案。

 

苦勞網 2.0 @ Drupal

www.coolloud.org.tw本來,一開始只是因為自己的需求外加好奇心而接觸 Drupal 的,後來轉而參與了一丁點 Drupal Taiwan 這個社群(說一丁點,是因為自覺對於這個社群沒什麼顯著的貢獻,而這主要是因為自己實在太懶了,常常是懶得發問兼懶得回覆…),因緣際會下,獲得社群裏頭的 charlescjimmy 的賞視與推薦,於是,我加入了苦勞網 2.0 改版計畫。

苦勞網是一個 NPNGO,就我片面的猜測兼了解,NPNGO 大概就是 Non-Profit Non-Government Organization,我們就叫它「非營利非政府組織」好了。好吧,我承認是有那麼點饒舌,而且讓人似懂非懂。苦勞網的一群熱血青年,報導一些當下大眾媒體不去好好面對、誤報、不想理會、沒有繼續追蹤下去的各類新聞。舉個例子,苦勞網就花了非常多的篇幅在報導樂生事件

苦勞網 2.0 改版計畫,目的之一在於匯整一些人員,一同就 Drupal 這個「開放源始碼(opensource)的程式平台」,開發新一版的苦勞網出來。一來,給苦勞網的十週年來個新面貌,二來,本著「開放源碼」「開放文化」的精神,推廣苦勞精神的同時,也推薦 opensource 的文化…在台灣。

Drupal: 妳的視界

in

Drupal: 妳的視界

在找「永春二手市集」的資料時,發現了這個「妳的視界」的網站,它是個用 Drupal 作的網站 :)

它的首頁,使用了 Panels 這個模組,然後 Panels 裏的每個 page 是 taxonomy view 的樣子。不過它輸出的 html 怪怪的,會出現兩次 <html> tag @@