HTML & CSS Tidy

你的親朋好友們都曉得，你是一個技巧高超的網頁設計師。於是有一天，你的朋友交給你一份網頁檔案，希望你能抽空幫他改一下。你隨口答應下來後（當然要順便凹頓大餐），打開檔案一看，才發現這居然是Word或FrontPage產生出來的噁心網頁，充滿許多亂七八糟的語法。

你該怎麼辦？把檔案扔進垃圾桶，自己重新寫一個嗎？

這時候，一個聰明的網頁設計師會拿出法寶：HTML Tidy，Jedi稱他為HTML美容程式。無論是多麼亂糟糟的HTML語法，扔進美容程式後，都會變成乾乾淨淨的HTML。你不但可以指定各種形式（HTML、XHTML、 XML），也可以輸出成你慣用的原始碼排版方式。更棒的是，它還有個非常貼心的功能，可以幫你輕鬆料理Word產生出來的HTML語法。喔，你知道連 Firefox瀏覽器都有一套使用HTML Tidy的擴充套件嗎？

有HTML Tidy，當然也要有CSS Tidy。CSSTidy有命令列程式與PHP線上程式兩種版本。想玩玩看嗎？有人用CSSTidy做了一個Clean CSS服務，最近十分熱門喔。

快去摸熟HTML Tidy跟CSSTidy，當個快樂的網頁設計師吧～

留言

這個網誌中的熱門文章

HappyDesigner第一次聚會

HappyDesigner要在竹北辦聚會了！這是我們的第一次聚會，主題是簡報製作技巧，討論怎麼利用視覺、聽覺等效果，作一場成功的簡報。最近許多人都喜歡用“ Takahashi Method ”製作簡報，你嘗試過了嗎？你想出了很棒的簡報技巧，甚至設計出一套簡報工具，願意跟大家分享嗎？希望這次聚會，大家都可以找到適合自己的簡報方式，從此面對老闆/客戶/群眾無往不利。（喔對，除了主題之外，我們也歡迎大家提供岔題內容。）更新：今天有朋友害羞地問說，「週末的HappyDesigner聚會，路人可以參加嗎？」當然可以！「不必是HappyDesigner的成員嗎？」別擔心，來了就是了阿！我們許多人也都還沒見過面，所以這次大概很像見面會吧。別再猶豫了，快點拋開瑣事，加入我們吧！主題簡報製作技巧時間 2006/5/6 PM 2:00 - 5:00 地點竹北市達利咖啡廳（有提供免費無線網路，歡迎攜帶筆記型電腦參加），竹北市建國街37號，電話是(03)554-3665。參加費用無（當然你得在咖啡店消費，達利有不錯的咖啡與食物。）報名方式請寄信到 hlbyichi@gmail.com 。你可以隨信附上手機與姓名，以方便聯絡。交通資訊：如果你從台北出發，可以考慮搭乘豪泰客運竹北線，過縣政府站後，看見家樂福即可下車。之後走路約十分鐘即可抵達。如果你搭乘火車到竹北火車站，想要慢慢步行（約1km）到達利的話，可以參考這張地圖（因為有段距離，你可以到火車站後打電話到達利咖啡，看看現場有沒有人方便載一程）

閱讀完整內容

兩個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

閱讀完整內容

被Google Video折騰兩個禮拜！

這兩個禮拜來都在搞這個東西，有誰像我那麼有耐性或是無聊啊… 因為看了 Idea Grapes 的這篇文章： Google Video開放審核機制，影片上傳完畢即可觀看所以才想說乾脆把公司要在網路上播放的影片都倒到 Google Video 去好了。一來都用Google頻寬，不用折騰公司小小的ADSL；二來嵌入Google的商標，也比較有氣派（單純是自己品牌迷思…）不過一開始發現Google Video還是要審核啊，只要是透過Google Video Uploader上傳的，通通都需要審核。好吧，審核沒關係，我就乖乖等一天好了，但是發現審核的標準很奇怪，同樣都是訪問的影片，自己拍攝沒有版權問題，但是有些影片通過、有些影片被拒絕了，真是奇怪。 Google Video的說明是說，傳的檔案愈大愈好，像是DV-AVI格式720×480更好，它們會自己壓縮。可是不管我傳多大的檔上去，還是被壓成小畫面…傳大檔案要好久說…花一天時間傳檔，然後隔天被Google通知拒絕，感到挫折感很深.. 我把被拒絕的影片改個檔名上傳，有的就通過，有的還是拒絕，Google審核的標準到底是怎樣啊，真是個謎… 現在Google Video首頁擺上了「New! See your own videos on Google Video.Share it with others instantly.」字樣，點選下去一看，唉呦，又回到了網頁上傳檔案的方式，不再強迫所有用戶都要用Google Video Uploader上傳了。馬上再接再厲上傳個25MB WMV檔，喔喔喔，的確上傳完馬上就可以看到影片了，終於免審核！所以這個問題的答案就是：「Google Video真的是beta到底，隨時都在改，用戶要適應。」就這樣。用網頁上傳檔案的壞處是完全看不到上傳進度，也要小心網頁誤關或是因為其他網頁開太多一起把瀏覽器當掉的危險。另外我不想用YouTube的原因除了迷戀Google品牌以外，我發現把YouTube影片在網頁時，第一個畫面一定是那個標準的play三角形，不是清楚的影片起始畫面。如果我想想嵌在首頁的話，老實說不甚美觀，應該像Google Video一樣，自動顯示影片的第一個畫面，這樣我就可以設計符合該網頁的影片片頭，整合起來比較不突兀。 ...

閱讀完整內容