Mozilla Thimble 在網頁上做網頁

做網頁的工具很多，舉凡以圖形介面為主的Dreamweaver或以文字編輯器為主的Brackets、Sublime Text…等等，但都必須要額外安裝才能使用，本篇文章介紹的Mozilla Thimble是一個線上編輯器，名符其實的是「在網頁上做網頁」、「網頁上的網頁編輯器」、「取之於網頁用之於網頁」，這樣的繞口令就別再說下去了，來看看他的介面吧！

進入官網之後，可以選擇點選「Start a project from scratch」來開始一個新的專案，或是透過下方已有的專案範本來編輯網頁。

而網頁編輯的介面如下，比較偏文字編輯器的介面。

當然在網頁編輯的部分就是利用大家所熟悉的HTML、CSS、javascript語法來進行，編輯器與Brackets的使用方式差不多（感覺有技術合作），例如：快速編輯是Ctrl+E；新增註解是Ctrl+/，基本的使用方式可以參考這篇文章，介面中的右側是Live Preview視窗，也可以直接切換成手機版面預覽，若是有需要在頁面中放入自己電腦裡面的檔案，可以利用左上角的「+」上傳，單檔容量限制為3MB。

比較特別的是若你有登入會員（免費），在網頁開發完成之後，可以透過右上角的Publish來公開自己的網頁，確定公開後會提供一個你專屬的網址，可以把網頁公開給大家瀏覽。

在Mozilla Thimble的網站上也有此款編輯器的教學：

不過大家要注意的是，目前此編輯器的網頁編輯功能僅有HTML、CSS、Javascript，不包含PHP、ASP…等動態網頁語法，希望未來真的可以進化到這種地步，那以後我們電腦裡面就不必安裝網頁設計軟體了！