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第一次聚會結束

謝謝大家熱情參與（喔，尤其是全員到齊的 OpenVanilla 開發團隊），我們第一次聚會順利地結束。要特別謝謝 gugod 、 lukhnos 、 momizi 分享自由工作者的心得，強者 Jeremy 展示用Flash做簡報是多麼輕鬆愉快， Jedi 對 WCAG 2.0 清楚的介紹，以及 Ingy 實際示範 Sporx 。每個人做投影片的方式都很有趣，從常見的 takahashi.xul 、Apple Keynote、Microsoft PowerPoint，到「小畫家配圖片預覽程式」、「UNIX指令列配 PERL程式」等等。 zonble 甚至連 HyperCard 都搬出來了…… 有圖有真相。這次聚會有錄影，不過轉檔需要時間（加上我是新手上路啊），所以還請大家耐心等候。有些朋友已經把活動照片放上Flickr了，有興趣的朋友可以瀏覽一番。

閱讀完整內容

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

閱讀完整內容