bundle-fu

via:bundle-fu

這個RoR的plugin看起來很棒。我們一般在寫網頁的時候都會依照每一個網頁的需求include 不同的css/js 檔案。例如說,我們有一個main.css 掌控基本的設定,但是在產品檢視頁面可能要include 特定的 product.css/js

不過如果檔案一多的話,connection 開開關關的就會讓網頁變得比較慢才下載完成(不管大小)。所以最佳化的手冊都會告訴我們減少額外include 的檔案數量。

簡單的說,他會把你在網頁中include 的 js/css 各包成一個檔。使用上也很簡單,原本是這樣寫:

<%= javascript_include_tag “prototype" %>
<%= stylesheet_link_tag “basic.css" %>
<%= calendar_date_select_includes “red" %>
<script src="javascripts/application.js" type="text/javascript"></script>

裝了這個plugin之後,只要改成這樣寫:

<% bundle do %>
<%= javascript_include_tag “prototype" %>
<%= stylesheet_link_tag “basic.css" %>
<%= calendar_date_select_includes “red" %>
<script src="javascripts/application.js" type="text/javascript"></script>
<% end %>

最後html的頁面就會被個包成一個檔。像是這樣:

<script src="javascripts/cache/application_bundle.js?1193283359″ type="text/javascript"></script>
<link rel=’stylesheet’ href="javascripts/cache/application_bundle.css?1193283359′ type=’text/css’ />

看起來真的很棒阿 😛

終於把ubuntu 7.10的特效裝起來啦~~~

紀念一下,NB上的 ati x700 之前一直有問題,後來裝上ati 新釋出的驅動程式在做了一些步驟,終於成功啦!!!

其實可以透過 sh 直接來裝之後再接著做step 7 之後的步驟, 做完之後 再接著第二篇的步驟,就ok啦!!!!

我等這天等好久了 😛

via:

http://ubuntuforums.org/showthread.php?t=575843

http://forum.ubuntu.org.cn/viewtopic.php?t=83802

AptURL

via: http://tombuntu.com/index.php/2007/10/22/the-apturl-protocol-handler-in-ubuntu-710/ 

這功能出現在Ubuntu 7.10版。 可以讓你透過網頁上的link 來觸發 sudo apt-get install xxxx 這樣。

安全性應該沒啥問題,因為他是去你系統裡的檔案庫找套件。

這實在是非常方便,對於撰寫(觀看)安裝xxx教學文章的朋友們,應該有很大的幫助。就是點一下點一下這樣,不用打指令就把該裝的裝的好好的了呢~~~

找個時間來重灌 Ubuntu 7.10吧 😛

在ROR中產生RSS

其實很簡單,請參考 HowtoGenerateARSSFeed 這篇。我是用第一種用法,看起來大致上就夠了。不過有幾點要注意一下。

1. @headers[“Content-Type"] = “application/xml" 要改成 headers[“Content-Type"] = “application/xml"

2. 如果有中文字都會被escaped掉。

例如標題是:測試,直接打開xml來看就會變成:escaped.png

瀏覽器打開來看是正常啦,可是我個人不是很喜歡這樣…,所以有幾種可行的方式可以處理。

1)第一種就是封在CDATA! ex:

xml.title{ xml.cdata!(“測試") }

那生出來的內容就不會幫你做處理(阿就都包在[[CDATA! 裡了阿)。

2)第二種就是使用 << 運算子 讓ror 內帶的rexml Builder知道要掠過這段處理。 ex:

xml.title do
xml.<<“測試"
end

這樣就可以了,不知道還有沒有更好的方法@@,原本xml builer 裡面是寫可以建立的時候給定 escape_attrs 這個參數。不過嘛…裡面也說這個參數不建議使用了。 其實這兩個方法應該可以一起使用,一般來說(RSS2.0),title的值都是已經濾掉html tag 的東東,所以就可以使用第二種方法。

description中的話,也可以自己濾掉後用CDATA封起來。但是在<content:encoded>中濾掉html tag 的話就不是很好了阿….,所以就可以使用第一種方法來維持原有的樣式。

我說ie 6

最近一直在整修手上的網站,尤其被前端的ie 6.0搞到七葷八素。

幾天前翻資料的時候,看到這篇:Trash All IE Hacks。裡頭提到:

Let’s admit it, we all hate Internet Explorer 6. About 80% of our CSS debug
time are spend on IE6.

所言不虛阿… 如果把手上兩個網站的使用者瀏覽器分佈圖拿來看:

(圖一 學術性的網站)

imedia.pngimedia.png

(圖二 面對一般大眾、設計師的網站)

ideastorming.png

學術性的網站看起來還可以。不過面對一般大眾的網站就…. ,不過第二個網站好歹是面對具有一定有電腦程度的人。我很難想像那種更加大眾型的網站佔有率會到多少…。

在台灣,一般大眾使用ie 的佔有率還是處於壟斷的狀態,這迫使著網頁程式設計師花費更多的工時來處理ie 6.0的問題(當然 如果你的網站堅持只做到ie 6.x only,那就不是問題囉:P)。誠如文中所提,為什麼一般使用者都沒有感覺到這點呢? 因為,設計師花了非常多的功夫(加班啦~~)在避開這些問題。當然,還是有些問題完全無法解決的,像是select 的橫躺8 的zindex。

應該要來 推廣一個活動叫做是:

珍惜網路程式設計師,拒用ie 6.0 (及其相關產品)。

😛

ie6 中的 select 元件

今天利用一點空閒時間找一下目前在做的網站的奇怪bug。就是視窗在拖曳的時候,整個畫面會閃動。ㄟ 肯定不是沒用 doubled buffer啦…。

原本的環境是:

jquery + interface。

後來一個個元件找,才發現是 select 惹的禍。 select在ie6.0中是視窗元件而不是html元件。所以很多css的屬性都上不上去。ex: z-index,或是background-image。也就是說,它的zindex無限大,所以會發生下列的冏境:

ie6.png

唔,它真的很不喜歡人家蓋它台 😛

不過閃爍的問題不只跟這個東東有關,還跟interface實做方式有關,把環境換成:
jquery+ jqury UI

就解決了閃爍的問題。改天再來看看他們實做的方式到底有何不同

烏龜颱風

今天又拿出當兵時候女友買給我的大包包,將行李裝上。當時那種萬分擔心到無法入睡、徹夜翻來覆去的感覺又回來了。

不過至少這次我比較自由 🙂     可是這個颱風烏龜的要命阿~~~~

簡單與複雜的弔詭 II

Mulitple:

大多數的DBN作品把焦點放在畫面上面。而本作品嘗試將 DBN的另一個力量-時間 -給推到主體的位置。並藉此來探討微時間在歷史洪流中的角色。本作品利用時間當作溝通的橋樑,讓數個DBN藉著時間呈現出互動的感覺。

最左方的DBN作品以停滯的時鐘錄像來改變觀者對於時間流動的印象。中央的 DBN作品則以轉動的時間表來呈現,並且隨機停留在歷史上某個時間點。而最右方的DBN 作品則是將歷史事件所符號化後的圖像。當兩者同時停止的時候,將會隨機組合出歷史事件,並且創造出新的架空歷史。如果在1984年,Steve Jobs 未曾推出Apple II,則現今的電腦會是如何呢?如果如果。歷史無法被假設,但是可以被思考。

這是當天的影片

產出實況:

1191330762.jpg

1191330773.jpg

這幾天學到很多,不過還沒時間寫@@,過幾天吧,順便讓感想發酵一下:D

簡單與複雜的弔詭 I

2007年10月2日~10月5日假國立台灣美術數位創意資源中心開展。

參展作品全部以DBN(Design by Numbers)這個只有二十幾個指令的軟體為基礎發想,創作者在揚棄追逐工具使用上的絢爛技法後,透過工作坊、演講、論壇等多重挖掘討論下,藉由十四件裝置、影音、視覺、網路等作品,重新思索數位創作本質與軟體程式的特性,進而具體體現了簡單卻複雜的新概念藝術!

由微型樂園策劃執行的『簡單與複雜的弔詭』軟體創作展緣起於國立台灣美術館「數位藝術教育暨創作推廣計畫」的核心精神,藉由運用DBN的軟體,試圖找尋出數位美學中簡單的程式蘊含,並反覆摸索軟體創作中的深刻概念。十四件參展作品中有捉弄視力測驗中觀感經驗的互動裝置作品、有反諷求神問卜社會行為的網路作品、有類歐普藝術但卻是當機造成的視覺效果作品、還有結合LED裝置的視覺立體作品等等,在運用易懂的程式撰寫中,重新思考數位工具的使用本質。當如此從簡單出發,複雜操作,最後又回到簡單的表現形式,所蘊藏下的創作思維,值得觀賞者咀嚼再三。而本次展覽的創作者包含銘傳、中原、雲科三所大學橫跨設計藝術與資訊傳播的學生及曾參與第一屆台北數位藝術節的曹訓誌、參與台澳國際新媒體藝術節的陳長志及新媒體藝術家謝明勳、宇中怡、黃博志等等共近35位,身份包括藝術家與理工背景人員,充分展現跨領域的合作成功經驗。

此外展覽中另有一區將循環播放本計劃中多場精彩演講,講者分別為數位藝術史研究者駱麗真、旅美藝術家葉謹睿、國際新媒體策展人鄭慧華及新媒體藝術家黃心健。看這些不同身分的新媒體藝術從業人員,如何以自身的角度來看待「數位藝術」的發展觀點。而現場的多件作品,同樣地在(www.microplayground.net/forever)也可看到發想過程及下載當中軟體創作的原始碼,然而當親臨現場感受簡單互動操作的奧妙,及學習DBN指令後,成為軟體藝術創作者將不再是個遙不可及的夢!

唔,這兩天實在太累(有些突發狀況)。心得之類的等一會兒再補.. 先來講些有趣的事。

話說 ,今早我買高鐵的票下台中,因為時間有點趕,就到自動販賣機買票。沒想到…給一千,找…11個五十塊…ㄜ,謝謝你喔….,我看了傻眼,旁邊正在引導另一個旅客使用自動販賣機的服務人員還以為我是一直投,投不進去。還跟我說摩斯前面有自動兌幣機….(我沒有收集五十塊銅板的嗜好喔)

再早之前,我在客運那邊也用一百塊換了零錢,沒想到…,一百塊丟進去,它吐給我七、八個十塊、十個一塊,還有一堆五塊 … 所以今早的皮包重的跟什麼一樣 =.=

不過要感謝我女友還有其他非常多幫助我的學弟跟前輩們。 我才能安然度過這兩天阿:P