線上工具 on G. T. Wang

DirtyMarkup 網頁程式碼自動排版工具

Mon, 13 Feb 2017 14:07:10 +0800

DirtyMarkup 是一個程式碼排版小工具，支援 HTML、JavaScript 與 CSS 這些網頁程式碼。

在開發網頁時，通常會參考別人的網頁程式碼，看看別人的網頁是怎麼寫的，而現在的網頁由於效能的考量，都會使用各種壓縮工具（例如 YUI Compressor），查看這種網頁時，如果沒有使用一些排版工具的話，看起來真的很吃力。

Beat Maker：自己創作爵士鼓音樂的線上工具，設計節奏打擊鼓樂

Sun, 21 Feb 2016 13:33:35 +0800

Splice Beat Maker 是一個可以自己創作爵士鼓音樂的線上工具，可以結合各種的打擊樂器，設計自己喜歡的節奏。

Splice 最近提供了一個網頁版的爵士鼓音樂創作工具，從 Splice 聲音檔資料庫中取出爵士鼓樂相關的聲音檔，讓使用者嘗試使用這些聲音檔組合成為高品質的爵士鼓樂。

Film Emulator 菲林相片效果製作工具，產生特效的照片

Mon, 08 Feb 2016 19:07:57 +0800

Film Emulator 是一個菲林相片效果的線上製作工具，讓照片看起來更有味道。

Film Emulator 是一個用 JavaScript 寫的菲林相片效果產生工具，它很特別的地方就是圖片在處理時都不需要上傳，所有的照片都是在 client 端由 JavaScript 程式直接處理，處理速度很快。除了一般的 PC 之外，Film Emulator 在 Android 手機的 Chrome 瀏覽器也可以使用。

如何選擇一組安全的密碼？降低被破解的風險？

Tue, 28 Jul 2015 09:57:34 +0800

這裡告訴您如何選擇一組安全的密碼，保護自己的電腦，降低被破解的風險。

許多的系統都會將使用者的密碼經過編碼加密之後儲存起來，通常這類的加密方法都是不可逆的，所以我們沒辦法將加密過的資料直接解密來獲取原來的密碼，如果要取得原來的密碼一般都是使用暴力攻擊法（brute-force attack），嘗試每一個可能的密碼組合。

Dropbox 檔案回復技巧，救回刪除的檔案或更改的內容

Mon, 08 Jun 2015 13:40:52 +0800

這裡介紹如何善用 Dropbox 的檔案回復技巧，救回刪除的檔案或更改過的檔案內容。

當我們在撰寫文章或是整理一些文件資料時，常常會打開 Word 這類的文字編輯器修修改改，在好幾份文件之間複製貼上，並且刪除一些沒有用的檔案，有時候難免會不小心把一些重要的資料或者檔案刪掉，結果過了一兩個禮拜要找資料的時候，才發現資料不見了。

五個測試網站效能的免費工具

Tue, 26 May 2015 09:39:06 +0800

這裡整理了五個可以測試與分析網站載入速度的免費線上工具。

一個網站的速度會直接影響到使用者體驗，在開啟網站時，如果讓訪客等待的時間過長，除了給人不好的觀感之外，也還會造成訪客流失的問題。

產生 CSS 置中程式碼，輕鬆排版網頁元素

Thu, 21 May 2015 12:12:50 +0800

這裡介紹一個產生 CSS 置中程式碼的線上工具，讓您輕鬆排版網頁元素。

有設計網頁的人應該都遇過需要置中排版的狀況，如果您對於 CSS 的使用方式不夠熟悉，通常要置中排版一個元素，都會被它搞得七葷八素的，因為雖然看起來很簡單的動作，但是用 CSS 寫起來卻不是那麼單純。

免費產生與下載無縫圖案（Seamless Pattern）網站整理

Fri, 15 May 2015 08:31:23 +0800

這裡整理了一系列可以免費產生與下載無縫圖案（seamless pattern）的網站，對於網頁的背景設計很有幫助。

設計網站時所使用的背景圖對於網站的整體視覺效果有非常大的影響，在過去網際網路剛剛發展出來的年代，許多網頁的背景都是使用一般的圖片重複排列，手法粗糙而且反而讓網站更雜亂。

Google 行動裝置相容性測試工具，檢測網站是否適合手機瀏覽

Wed, 01 Apr 2015 11:09:50 +0800

Google 所提供的行動裝置相容性測試工具可以幫助網站設計者測試自己的網站是否適合手機瀏覽，並且列出各種問題與改善方案。

Google 日前宣佈一項新的搜尋引擎規則，從今年的 4 月 21 日開始，網站是否有提供適用於行動裝置瀏覽的網頁，會大大影響網站在 Google 搜尋上的排名，也就是說如果 Google 搜尋引擎認為您的網站沒有提供手機版的網頁，您的網站在一般行動裝置上面的搜尋排名從 4 月 21 日開始就會往後掉。

MailDrop 拋棄式的暫時信箱，避免垃圾信件的煩惱

Tue, 11 Nov 2014 19:26:49 +0800

MailDrop 是一個拋棄式的電子郵件信箱，用完就丟，完全不必擔心會收到垃圾信件的問題。

在網路上有許多的免費資源或是服務都會需要經過註冊才能使用，而註冊時都免不了需要填寫電子郵件位址，如果您時常到處註冊這類的網站，時間一久之後，您的電子郵件信箱就會不定時收到一堆廣告信件，如果想要避免這樣的問題，我們可以不要使用自己真實的電子郵件位址，改用拋棄式的電子郵件信箱來註冊。

Defonic 高品質的環境音效，讓心情放鬆舒緩壓力

Fri, 07 Nov 2014 19:30:19 +0800

Defonic 這個網站蒐錄了許多大自然的環境音效，加上柔和的音樂，可以讓心情放鬆，舒緩工作壓力。

有好的環境可以讓工作效率提高，也更容易發揮大腦的創造力，像是在 Coffitivity 線上咖啡廳工作就是一個不錯的選擇，而如果您喜歡大自然的聲音，可以試試看 Defonic 這個網站，他收錄了許多高品質的自然環境音效，可以讓您自由選擇喜歡的聲音。

將圖片壓縮與最佳化的免費工具整理，讓圖檔變得更小又不影響品質

Wed, 05 Nov 2014 19:34:07 +0800

網路上有許多免費的圖片壓縮與最佳化工具，善用這些工具可以讓網頁圖片壓縮得非常小，而且在視覺上幾乎不會有什麼影響。

現在的網路速度發展相當迅速，不過網頁的大小依舊跟使用者的瀏覽體驗息息相關，網頁的大小越小、載入的速度就越快，給使用者的感受也就會越好。

Coolors：自動配色的線上工具，快速產生合適的色票

Mon, 03 Nov 2014 19:54:58 +0800

Coolors 是一個免費的自動配色工具，可以讓您在線上快速產生各種適宜的色票，省去自己配色的煩惱。

在設計網頁或是製作簡報時，顏色的選擇是一個很重要的關鍵，有好的配色可以讓整體畫面看起來更協調，閱讀起來更舒服。

Color Thief：取得圖片中的主要顏色與色盤（Palette）

Fri, 12 Sep 2014 17:11:45 +0800

Color Thief 是一個有趣的網頁小工具，透過 JavaScript 將圖片的主要顏色整理出來，顯示其色盤（palette）。

Color Thief 是一個開放原始碼的網頁小工具，它可以透過簡單的 JavaScript 就取得圖片中的主要顏色與色盤，您可以直接透過其官方網站的範例，來了解它的功能。

Whiteboard Fox：免費的線上白板，即時同步分享手繪圖表

Wed, 03 Sep 2014 17:30:31 +0800

Whiteboard Fox 是一個線上白板，可以讓您在上面直接畫圖，即時跟任何人分享，而且對方也可以及時修改您所繪製的圖形。

現在網際網路非常發達，大多數人都會使用 LINE 或 Skype 等聊天軟體來溝通，既方便又經濟，不過這類的軟體大概都只能使用語音或是視訊等方式來溝通，如果要討論一些比較複雜的計劃或架構圖時，只用打字或是直接用講可能會不太清楚，如果有個白板可以把整個討論內容畫下來，就很方便了。

JSHint：自動檢查 JavaScript 程式碼，偵測錯誤的線上工具

Sat, 12 Apr 2014 14:34:06 +0800

JSHint 是一個可以自動檢查 JavaScript 程式碼的工具，讓程式設計者在專案開發初期就可以即時修正潛在的錯誤。

由於 JavaScript 這個程式語言的語法與結構非常彈性，不像 Java 或 C 語言那樣嚴謹，對於程式設計者而言，一開始會感覺很方便，不管怎麼寫都可以執行，但是當整個程式發展到一定規模的大小之後，JavaScript 這樣鬆散的結構會讓程式很容易出現一些 bugs，而且除錯與修正的工作也會變得非常困難。

Slides：免費線上簡報製作工具

Thu, 10 Apr 2014 15:06:19 +0800

Slides 是一個免費的線上簡報製作工具，註冊之後就可以享有 250MB 的免費簡報空間，製作完成的簡報還可以直接在線上分享。

一般的使用者只要在 Slides 網站上註冊之後，就可以立即享有 250MB 的免費簡報儲存與分享空間，而他的簡報製作介面雖然不像 Power Point 那像強大，但是基本文字與圖片排版等功能都有，對於一般性的技術簡報，應該都沒有問題。

Pixlr 線上繪圖軟體：有完整的圖片編輯與特效製作等功能

Thu, 26 Dec 2013 13:24:45 +0800

Pixlr 是一個線上的繪圖軟體，讓你可以在網頁上直接進行圖片的編輯與特效的製作，而且功能非常齊全。

近年來由於 Google 不斷的將各種軟體推向網路雲端化，像 Picasa 這類的相簿也都有提供簡單的修圖功能，但是如果要進行比較專業一點的圖片編輯動作，還是免不了要使用 Photoshop 或 Gimp 這類的專業軟體幫忙。

Lucidpress：免費且專業的線上排版軟體

Fri, 01 Nov 2013 14:00:59 +0800

Lucidpress 提供了一個專業的線上排版服務，你可以用這個免費的雲端服務製作出各式各樣專業的版面。

在以往的專業排版多半都是使用一些專用的軟體來進行，例如微軟的 Publisher 等，而這類的軟體通常都是設計給專業人士使用的，操作方式比較複雜，一般人若要使用不是那麼容易，而此類軟體的價格通常也不低。

Coffitivity 線上咖啡廳：提升工作效率的方法

Mon, 24 Jun 2013 13:27:50 +0800

Coffitivity 是一家線上咖啡廳，當你在工作上感覺很無趣的時候，可以到這裡一邊喝咖啡一邊放鬆一下心情，有時候可以讓你有意想不到的驚喜。

咖啡廳中的工作效率

有時候人在比較狹窄的空間，與其他人坐在一起時，伴隨著些微吵雜的聲音，反而可以讓工作效率提高，像很多人就喜歡帶著一台筆記型電腦，在餐廳、咖啡廳等公共場所工作，我個人也喜歡這樣工作。