web
剛剛才幫人把一個網頁調整一下，讓它盡可能在不同的瀏覽器都可以正常看到，說正常，其實是指看到的樣子盡可能的接近。
那個網頁設計得不錯，感覺很好，是由一位台藝大剛畢業的學生（well，既然畢業了，應該不能再叫他學生了），他透過各式各樣的美術專業軟體，最後再使用 photoshop 的“匯出成 web“，做出來的。
adobe photoshop 提供的這個功能，算是解救了不少美編人員，讓他們幸免於和 html, xml, css 打交道，但它終究不是萬靈丹，產生出來的網頁，品質不是很好，跨瀏覽器的適應性不高。
我想，這是為什麼，左右腦同時發達的人，永遠都是最讓人喜愛的原因，因為他做得出美的東西，而且讓它能經得起許多的考驗，可惜我的右腦不夠發達，只好多努力些了。
好愛睏，但是好想先玩一場電動再睡喔…
最後，我選擇使用 Akismet module 來處理討人厭的 comment spam。
當初不使用 captcha，是因為，一來我的小站真的很小，開張不久；二來覺得很麻煩。像我自己，如果想留個言回覆時，遇到要求你要註冊或是來個 captcha 的，就會有點懶。
最近在處理（或說是刪 = =） comment spam 時，就在想，因應 blog 的大紅特紅，blog spam 應該非常的多（到處可見，每個 blog author 都得面對的問題）的吧。既然隨處可見，而且會到處貼 blog spam 的就是那些人（其實大都不是人啦），那些 spam 應該會有些相通的性質。而且印象中，之前有人使用人工智慧裏會用到的一些 machine/network 來自動判斷 spam（ex, Bayesian Network），所以如果把所有人遇到的 spam 都集中到一處，全部餵給它做處理，這樣不管是它的學習、分析或是資料庫都夠大，應該很好用。（最明顯的列子，就是 gmail 的 spam 機制，它因為有眾多的使用者，所以有很大的資料庫可以進行這類活動）
首先跑去 wikipedia 了解一下 blog spam，然後 google 了一陣子，發現矛頭都指向一個叫 Akismet 的玩意兒。
Akismet 原是 Wordpress 裏的一個 plugin，原作者就是開發來擋 spam（comment, trackback, blah…）的，後來寫成一套獨立的系統，架設在一台號稱可以一直 active 的機器上頭，免費服務眾人（個人用戶是免費，商業用途就要和他們聯絡一下了）。光這一點就相當吸引我的注意了。
最後發現，原來已經有人寫了 Akismet for Drupal 了!!! 而且寫得挺好用的（對我來說啦）。
目前正在試用中~~~
原文發表於 Drupal Taiwan。
這個改編自某網站的 CSS template，因為沒注意到一些細節，在 Firefox 1.0.7 嚴格的把關下，破功了…變得支離破碎的。
經過一陣子的奮鬥之後，終於解決啦。
感謝 gugod 介紹的 Firefox Portable，讓我可以同時安裝 Firefox 1.5.x 與 1.0.7，平常使用 1.5.x，等到更新網站的 css 樣板時，再用 1.0.7 來檢驗是否有問題。 感謝這本 CSS 功能索引式參考手冊，省去我不少時間上網找答案。 感謝某網站，因為同樣是使用 drupal 來架站的，才會有機會看到它的設計。 感謝 scott 把人體素描（據說應該叫人體速寫）這麼有趣的活動介紹給我，不然哪來的裸女圖可以用呀。
實驗室的機器，最後還是無預警的壞掉了，而且好像修復不能，就這樣在拖了兩個月後，從 boston 的 SIGGRAPH 2006 回來的第一天，當機立斷買了 bluehost 這家 web hosting。第一次使用的空間不再是學校的機器，沒了教育部的快速網路，開始花時間搞定 domain name 的啦哩啦雜（CNAME? A record? subdomain…），呼，又是一個重新開始。
domain name 實在好複雜。
然後手邊的這份網站備份又不是最新的，很多地方得再改一改了@@
然後這才發覺，以前使用的學術網路實在好快。網頁開起來快、SSH 指令的反應快、聚集人潮的速度也快（這好像沒啥關係）。跟 bluehost 買的這個空間，既要錢又比較慢，果然學生時代離我遠去了 :’(
最近一次繳交房租時，房東使出殺手鐧「房租要漲 4000」，偏偏不巧的是，在上網到處觀摩別人的網站設計一陣子後，覺得現在很想自己動手感受一下「網站設計」這一回事。就這樣，兩件同樣棘手（分不清哪個比較難）的事，像油漆似的，混在一起了…
研究所畢業後，我們三個人（Sakura, Just4u and me）突然決定服國防役去（其實也可能是三個人都被騙了也說不定），於是在急急忙忙之中，我們租了一層位在南港，研究院路與忠孝東路口的民房，二○○四年七月開始租，到這個月底就算兩年了。
本來以為契約上寫的「租約到期前兩個月要說明是否續租」，就是「不說的話，視同續租」，結果在繳這最後一個月的房租時，房東卻突然說要漲房租，然後說了不少理由：附近的房租都漲了；捷運南港站（or 經貿南站）蓋在附近；去年給我們優惠沒有漲房租…等。突然想到之前看的（Rent）這部電影，覺得租屋族真的很可憐 ><~
六月已經過了一週，後天要和房東談談「不希望房租漲，不然我們就要搬了」，然後要開始看房子，加上這整個月好像會常常下雨，還真是屋漏偏逢連夜雨呀。
弄網站的部分，依照 CSS 的精神，網站的內容和呈現分開，所以把網站的排版（layout），裝飾用圖（ex, 背景、小 icon、logo、色塊、圓弧形的角…）等，通通使用 CSS 來呈現，然後也想試試整個網頁的設計不用到 table 的方式（據說 tableless 是 w3c 這個世界網頁標準協會提倡的），於是我開始玩起 photoshop，從設計版型開始。
同一時間，還得玩 drupal 的 themeing 機制，好忙呀。本來就和 photoshop 不熟了，現在又多了要寫一些 node 的 theming function（page, node, comment, blah…），實在好過癮…
這實在是個多事的六月呀…
請大家有看到不錯的房子，地點在南港，然後如果離捷運站（昆陽、後山埤、永春）不遠的話更好，整層，有三房或四房的，請不要吝嗇留個言告訴我，待我喬遷完畢，一定請你吃頓飯。
CSS（Cascading Style Sheet）對我來說，最重要的莫過於它在「排版」上的能力了，而這同時也是它最難搞懂，或是很容易一知半解（我的現狀就是如此）的地方…
一兩個月前，買了兩本與 CSS 相關的書籍，想說這樣一來，就沒啥藉口偷懶了，但後來我發覺，我似乎少買了一本書，或甚至只是一個章節，一個仔細討論與解說 CSS 中幾個我常常會忘了或是一知半解的章節。因此我只好繼續偷懶，偶爾看一點書，興起時就拿這個 drake.csie.org 網站做實驗，完全沒啥長進，有時甚至會自我嘲解「真的要學 CSS 嗎? 3D 的東西都學不完了，確定還有腦子可能應付這一塊東西? 而且萬一學得一知半解，但卻剛好唬住身邊的人，他們因此把寫網頁這塊重擔放在你身上，那還真是害死人了…」
如今我把網頁撰寫這一塊當作一種娛樂，就像以前看待「寫 3D 程式」這件事一樣，無聊時就打開文字編輯器，上上網查一下有什麼新技術或玩意兒，然後也許是拿別人的程式過來改寫看看，或是從頭到腳自己玩一下。
今天突然心血來潮（因為是娛樂嘛），於是 google 了一下「css position」，找到這一篇，相當的喜愛，一口氣把它整個看完了，而且只花了我十分鐘就搞定。一開頭的「HTML發展的瓶頸」與「HTML的回歸本質」，看起來相當愉快，而且簡短地把歷史演變過程描述出來（沒有考究過，所以不是很確定是否有誤，存 1% 的疑好了）。接著的「從Web標準計畫看CSS」詳列了各種標準的官方參考網頁，非常的有價值。但是最讓我興奮的還是「CSS學習重點」，說到我的心坎裏去了：
充分瞭解CSS的box model 充分瞭解CSS的float屬性 充分瞭解CSS的position屬性 裝飾用的圖片以背景圖片取代，主要圖片才使用img標籤 以CSS作版面配置取代使用table 版面配置 使用CSS的ID功能取代html的頁框功能 私自認為，對於一位學習程式語言沒有任何障礙的程式設計師來說，學習 CSS 的最重要關鍵就是上述的幾點，那些 CSS 的語法，有什麼 property，每個 property 有哪些可以用的參數，又各家 browser 的支援程式，都是可以信手捻來或買本書就查得到的東西，唯有 CSS 中有關「排版」的這一部分的概念，卻是需要深入了解也是學 CSS 的第一難關吧。
特別寫下這篇「CSS 的學習重點」，感謝原作者（好像還在繼續更新頁面）的無私貢獻了這一份整理好的心得出來。
說實在的，我不大了解 blog 的一些東西，像是什麼引用（trackback?）、創用CC（Creative Commons）、Rss…等，我都只是略知一二，或是只是比普羅大眾來得了解一點點而已，不過那也只是因為過度頻繁地使用電腦的關係。然而剛剛讀到部落格之間的引用：關於比喻與版權的一點思考，覺得寫得很棒，說得很好，還挺認同這篇的說法的。以前在 ptt 服役站長一職時，每天的例行工作之一，就是處理一些 user 之間的紛爭，其中不乏一些如下的狀況：
甲想要申請看板名單，好把乙給踢出他的個板，因為乙會在看了他的個板後，對甲造成一些困擾。（ex, 舊情人、情敵、不熟卻要裝熟的路人、過去式的同學，但他很八卦，會到處散播歡樂散播八卦…） 甲想要申請隱板，因為有人亂引用他寫的文章，導致他的生活受到一些引響。 甲在沒支會乙的前提下，隨意引用乙的文章，而且還加上了一堆個人看法，導致乙怒了… 就像那篇文章裏說的，「公開」與「公共」是有分別的。在不確定自己的行為是否會引響到他人的前提下，也為了給這個新開章的網站有個好的開始，要引用別人的發表前，還是多花點心思支會一下原作者，感覺禮貌多了。
題外話，我得加把勁了，這個網站其實內容應該不是這樣的，但又動作太慢，常常用了比較費時的方式在玩東玩西的，導致只被當成一個個人 blog 來看待…呵…
以前，當你發表了一張圖片到你的網站或 blog 時，放的大多是縮圖（ex, 150x150 或是 400x300 之類的），然後只要點選那張縮圖或是一個聯結，就會連到比較大的圖片那（ex, 800x600 或是 1024x768 之類的）。然後當你不看這張圖時，可能得點選「上一頁」或是「關閉這個視窗」，才可以繼續瀏覽接下來的圖片或是文章內容，這樣子相當的不方便。
LightBox 是個寫得很棒的 Ajax（or just javascript?），它可以讓瀏覽網頁的人在看網頁時更方便一些。當你點選了一個前往大圖的聯結時，會出現一個讀取圖示（progress bar），就像下樣這樣：
然後等它讀取好後，就會直接在這個面頁上秀出大圖來，如下：
然後可以在大圖的任何一個角落點選一下，或是按鍵盤上的 x 鍵，就會把大圖關掉了。實在是相當的方便。
更新：wctang 的介紹下，我改使用了更方便的 Lightbox JS v2.0 了。現在在瀏覽之前放的人體素描時，除了在 overlay 的呈現有縮放的特效以外，而且可以一次瀏覽同一系列的圖片了。只要把游標移到圖的右邊，就會出現「Next」，點選了就是到下一張；移到左邊，就會有「Prev」，這是回到上一張的。至於關閉的方式，一樣是按鍵盤上的 x 或是那個 Close。
