開發工具

想要將中意的顏色應用在網頁或其他美工素材上時，少不了需要應用到取色工具，若有這個需求可以來使用 Color Express 這套免費的顏色代碼選擇器，除了具有 Windows 常見的選色工具外，另外亦提供可以從圖片、系統或桌面上來選色並提供 RGB、HSL、CMYK、CIE Lab 等及常應用在 HTML、C++、Java、Basic、Delphi 等開發工具的顏色代碼及可匯出帶有色碼的顏色圖片等功能。

CSS 是可以用來控制網頁排版的一種語法，多數的網頁開發工具，均有內建的 CSS 編排功能來協助排版，即便是沒有，也可以利用記事本寫出。想要讓自己寫出的 CSS 語法更容易閱讀，在傳輸的過程中檔案能更小，以便加快網頁的呈現速度時，可以來利用 CleanCss 網站所提供的 CSS Formatter and Optimiser 這個可將 CSS 語法格式化與最佳化的線上工具，只需將寫好的 CSS 語法複製並貼上，便能取得經過格式化與最佳化的 CSS語法。

CSS Scanner 是一款極具便利性和直觀性的瀏覽器擴充功能，它能夠直接顯示出網頁上任何 HTML 元素所套用的 CSS 語法，操作上，只需在網頁上滑動滑鼠游標到任意 HTML 元素上，CSS Scanner 就會立即顯示出該 HTML 元素所使用的 CSS 語法及其相關屬性，並讓使用者能夠輕鬆地複製該語法，以供後續使用。

對於要開發 Web 應用程式的初學者而言，要學的範圍很廣，最基礎的就有 HTML、JavaScript 與 CSS，若是還想結合資料庫，那可能還會選擇 PHP 或是 ASP.NET 等的開發工具來搭配所選的資料庫，因此，就基礎來說，一套有系統的整理各語法的使用方法與使用範例，絕對是初學者最快入門的方式。DevDocs 整理出 HTML、CSS、JavaScript、DOM、DOM Event、HTTP 等 Web 開發必須用到的各種語法並配上使用範例，縮短你在 Web 開發上摸索的時間與加快學習的腳步。

網路上有很多免費的網頁模板可供下載，套用的方式也不複雜，但如要修改其中的版型結構，可能就有點門檻，而我們比較常見的網頁布局有表頭、內容可能區分三、二及單欄式再加上表尾，但不論利用何種版型，如要套用模板，就需要找到相類似的模板，不然就是自己改，太麻煩了。Grid-Generator 這個網站可以讓我們用所見及所得的方式，視覺化的操作網站結構分割、合併、增加、減少、調整區塊大小等，到最後產生該網頁版型的 CSS 樣式表，讓你不論用何種的網頁開發工具，都能輕鬆靈活的套用該 CSS，加快生產力。

jQuery 是一個相當簡潔的 JavaScript 程式庫, 簡化了原本在 JavaScript 對 HTML 網頁裡面的物件綁定、事件處理、動畫製作及處理 Ajax 互動的過程等，正因為寫得少，做得多的特性，就連在微軟的 Visual Studio 的網頁程式開發工具裡，也正式的支援 jQuery。jQuery 的(Plugins)外掛相當多，而由 WebDesignLedger 所選出的 2010 年 jQuery Plugins 的最佳 10 個 外掛，都是網頁裡常會用到的像是 Slideshow、Tooltip、Chart...等等，都是相當實用的 Plugins，若是有使用或想嘗試使用 jQuery Plugins 時，可以參考看看。

越來越多的程式在安裝時都要求要安裝.NET Framework，才能進行後續的安裝，那究竟什麼是Microsoft .NET Framework？首先說明它是免費的且是由微軟開發，一個致力於敏捷軟體開發（Agile software development）、快速應用開發（Rapid application development）、平臺無關性和網路透明化的軟體開發平臺。.NET是微軟為下一個十年對伺服器和桌上型軟體工程邁出的第一步。NET 包含許多有助於互聯網和內部網應用迅捷開發的技術。.NET框架是微軟公司繼 Windows DNA 之後的新開發平臺。.NET框架是以一種採用系統虛擬機運行的編程平臺，以通用語言運行時（Common Language Runtime）為基礎，支援多種語言（C#、VB.NET、C++、Python等）的開發。.NET 也為應用程序介面（API）提供了新功能和開發工具。這些革新使得程式設計員可以同時進行Windows應用軟體和網路應用軟體以及元件和服務（web服務）的開發。.NET 提供了一個新的反射性的且物件導向程式設計編程介面。.NET 設計得足夠通用化從而使許多不同高階語言都得以被彙集。

常看到中大型的網站均有提供一份詳盡的網站地圖，提供來訪的使用者能清楚網站所有的功能，因此若想要在網站上也提供一份網站地圖，通常會直接使用網站開發工具裡所內建的功能來自動產生，像是 FrontPage、Dreamweaver 等都可以產生。若無法產生或是想改變網站地圖樣式或是需要協同開發網站，其實可以透過 WriteMaps 這個簡單又方便的線上建立網站地圖服務，建立好的網站地圖，可隨時編輯及分享。

對應用軟體的選擇，很多人都會以網路或是免安裝軟體為主，主要的就是方便，且免去安裝版在安裝過程的額外安裝及後續移除安裝所殘留的資料夾或是登錄檔資料，影響電腦整體效能。PortableApps.com Platform 是一套專門用來管理電腦內的免安裝應用軟體，電腦內常用的像是安全、影音、教育、無障礙協助工具、開發工具、遊戲應用、圖檔、網路應用、辦公等常用的應用軟體，都將免安裝版本分門別類的為你準備好，隨時可搜尋可下載，還可幫你檢查應用軟體有沒有更新，讓你的免安裝軟體也能有專人為你管理。

無論是使用何種開發工具在開發軟體應用程式時，為了初期能夠跟客戶有很好的溝通，通常會設計一些應用程式的介面草圖來輔助，當然利用現行的開發工具來設計應該是不錯的選擇，但若要彙整成設計文件可能較麻煩，且若是要經常修改或是職務是業務人員，要操作開發工具可能還是需要求助程式設計師，若是想設計應用程式的圖形使用者介面，可以來試試 Pencil 這套 GUI 原型建立免費工具，讓你在設計草圖或建立模型時，更能得心應手。

或許你會覺得用 Edge 或是 Chrome 瀏覽器的開發工具來找影片的 m3u8 檔案太過麻煩，那麼就來試試「貓抓」這個瀏覽器擴充功能，安裝該擴充功能後，只要在影片頁面上按「猫抓」就能解析影片內所有的 m3u8 檔案並下載其內的 .ts檔案，最終合併成一個 MP4影片檔案，因此，該擴充功能可應用在提供串流影音平台的網站，像是 PttPlay、小鴨、楓林網、大劇獨播、韓劇網、美劇網....幾乎都能成功下載，且速度不錯。