內容簡介
CodePen 是一個「前端網頁的遊樂場」，您可以在上面撰寫公開的 HTML/CSS/JS 演示，稱為 Pens。它是網頁設計師的靈感之泉，也是學習撰寫、組織和分享前端程式碼的有用資源。
Ginger Soul Records開發的 WordPen 則是試圖將 CodePen 最好的部分帶到 WordPress，而不需要太多程式碼工作。只需貼上 CodePen 網址，保存您的 WordPen，然後嵌入排版中的簡碼即可。
HTML、CSS 和 JS 代碼將是可編輯的，所有連接的資源都會包含在簡碼中。
並非所有的 Pens 都適合使用 WordPen，因此您可能希望從背景和前景友好的 Pens 開始，這些 Pens 可在 這裡 收集。
外掛標籤
開發者團隊
原文外掛簡介
CodePen is a ‘playground for the front end web’ where you can write public-facing HTML/CSS/JS demos, called pens. It’s a fountain of inspiration for web designers and a useful resource for those learning to write, organize, and share front end code.
WordPen by Ginger Soul Records is an effort to bring the best of CodePen to WordPress, with minimal code work. Simply paste a CodePen URL, save your WordPen, and embed a shortcode in your layout.
HTML, CSS, and JS code will be editable, and all connected resources linked to the pen will be included with the shortcode.
Not all pens were designed to be featured with WordPen, so you may wish to start with background- and foreground-friendly pens, which are collected here.
