CodePen就是用來製作測試頁面的網站。
是優秀前端demo的展示。我們進入其首頁就可以看到很多精湛的前端demo效果。
CodePen的意義在何處？- 他人奇思妙想的效果，提供了互動靈感源泉
- 他人精湛效果實現，為自己的學習提供參考
- 支援流行技術，如SASS, 我們可以無需自建平臺，利用CodePen進行快速學習
- 想他人請教問題，利用CodePen製作問題demo，有助於問題快速解決
- 培養樂於分享，開源等積極的傳播精神
- 有助於整體前端技術的發展與進步
CodePen 是一個完全免費的前端程式碼託管服務。與 GitHub Pages 相比，它最重要的優勢有：
- 即時預覽。你甚至可以本地修改並即時預覽別人的作品。
- 支援多種主流前處理器。你從不需要手寫生產級別的程式碼，無論是 Jade 、 LESS 、 Sass ，還是 CoffeeScript 、 es6+（ Babel ），都能盡情使用。
- 快速新增外部資原始檔。只需在輸入框裡輸入庫名， CodePen 就會從 cdnjs 上尋找匹配的 css 或 js 庫。
- 免費使用者支援建立三個模板，不是每個作品都需要從白板開始。
- 優秀的外嵌體驗，且支援 oEmbed 。在 WordPress 或 Reddit 等支援oEmbed的平臺上，只要簡單地把連結貼入編輯框，釋出後會自動轉為嵌入作品。
當然，它不是 Git ，不能記錄提交歷史。不過有 fork功能，通常出於“備份他人優秀作品，防止未來該作品消失了或者變了樣子”的目的而使用。