在這邊介紹一下好用的工具，codepen，他是一個能夠即時渲染樣式出來的編譯網，不需要像其他的編譯軟體，例如Atom、Brackets....之類的，既然我拿出來介紹我就只會介紹優點啦!!
他是簡潔有力的黑色底面，而且在首頁處就很多別人精美的範例，可以讓你找尋靈感或是設定目標((對新手而言))，註冊也很快速。
登入完後，右上角Create打開裡的New Pen 可以新增檔案，開啟後就能直接使用了，它分成了三個編譯部分，HTML、CSS、JS，跟一個演示效果的欄位。
在上方還有一個齒輪按鈕Settngs，可以給HTMLL、CSS、JS引入各種組套，非常方便。
iThome鐵人賽
看影片追技術