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）到達利的話，可以參考這張地圖（因為有段距離，你可以到火車站後打電話到達利咖啡，看看現場有沒有人方便載一程）

閱讀完整內容

HappyDesigner第一次聚會結束

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

閱讀完整內容

快樂設計師第四次聚會紀實

寫在文前的補充說明事項：已經有好幾段活動當天的錄影上線囉！錯過這次聚會的朋友可以到 http://vimeo.com/groups/6555 看看自己錯過了些什麼；我自己講的「你所不知道的網頁親和力十件事」則可以在 http://vimeo.com/groups/6555/videos/2359137 看到，中間有些地方因為攝影機沒電了，所以用投影片畫面串場——誰叫你不來現場，錯過了別怪義務幫忙攝影的人！這一篇是我給自由軟體鑄造場電子報的稿件，刊登於第一百一十六期 (2008/11/23)。快樂設計師第四次聚會紀實國內的網頁設計社群「快樂設計師」於 11 月 15 日舉辦了第四次的聚會，長達四小時的聚會當中，照樣涵蓋了各種不同面向的「設計」議題，從非常技客導向的題目到十足人因的議程都有，因此 60 人的名額在短短三天內就已經額滿。活動由網頁設計師兼歌手（或者是歌手兼網頁設計師？）小海 tzangms 帶來的個人無插電演唱會開場，小海戲稱這是「音樂設計」的實務展示，呼應快樂設計師的主題。事實上，小海的歌聲的確感動了不少與會的朋友，也讓場面熱絡起來。在小海之後上台的是林長逸 Leo Lin，他是國內知名相片書印製網站 hypo 背後的網頁設計師，分享的內容即是他如何打造 2008 年的新版 hypo 網站。Leo Lin 認為一個網頁製作專案，通常會包含 Idea、Design、Coding 三個階段，Idea 指的是確認需求、規劃流程，Design 指的是繪製圖示、確定風格、版面配置，Coding 指的是將所有的部分製作成 HTML/CSS 圖樣，而他往往三個部分都要全包；因此，他根據過往製作網頁的經驗，整理出六項網頁製作案的心得：先用紙張。討論網站企劃案的時候不要急著開電腦，尤其不要打開 Photoshop 或任何雛形製作工具，否則很容易花了時間做白工；先用紙張與客戶溝通，纔能事半功倍。問需求不問方式。確認客戶的需求即可，不用詢問實作的方式，因為那祇會給設計帶來不必要的限制。不要問美感相關問題。十個人有十一種美感，尤其在溝通初期，不要給自己添麻煩。掌握進度。簡化。好的設計不是給使用者五彩繽紛的選擇，而是要說一個好的故事；因此不論是介面或結構，都應該要盡量簡化。嘗試新東西。 Leo Lin 並提出了三項訣竅： 1 pixel matter...

閱讀完整內容