網頁設計的好幫手CodePen

CodePen是一個網頁程式碼的線上社群，用於測試和展示用戶創建的HTML，CSS和JavaScript代碼段。它用作線上代碼編輯器和開源學習環境，開發人員可以在其中創建稱為“筆”的代碼片段並對其進行測試。它由開發人員Alex Vazquez和Tim Sabat以及前端設計師Chris Coyier在2012年創建。

網頁展示CodePen的一個成果頁面，一般用戶可以很方便的在CodePen編輯網頁，我利用10分鐘就編出一個網頁，並且線上修改網頁會即時變更。
身為一名前端工程師，想要臨時分享一些作品時，CodePen 就會是一個非常好用的工具，我們比較常用的功能大多都是 Pen mode，假設你今天是一名前端網頁設計師，基本上使用 Pen mode 其實就非常綽綽有餘了。