📖 Codepen 的基本使用及儲存

要使用 Codepen，可以註冊使用，亦可以保持 Anonymous 非登入使用。非登入使用，寫撰寫的代碼亦會永久保存，也不會有數量限制。主要分別係：登入使用者可以簡便地查找過往所寫過既所有代碼。Anonymous 用家則要自己記住系統所生成的保存網址。

我的 Codepen 用戶帳號是：codepen.io/makzan

假設你進入了其中一個 pen https://codepen.io/makzan/pen/pvKeOb 然後你想改動某幾行 Code 嚟做實驗。但如果想保存修改，就要 Fork 成你自己的記錄（"Pen"）。

如果已經登入，Fork 完就會自動歸入你的帳號下。如果是匿名使用，Fork 完之後，會有提示建立帳號。下方有一個連結可以 by-pass。

📖 Codepen 的基本使用及儲存

要使用 Codepen，可以註冊使用，亦可以保持 Anonymous 非登入使用。非登入使用，寫撰寫的代碼亦會永久保存，也不會有數量限制。主要分別係：登入使用者可以簡便地查找過往所寫過既所有代碼。Anonymous 用家則要自己記住系統所生成的保存網址。

我的 Codepen 用戶帳號是：codepen.io/makzan

假設你進入了其中一個 pen https://codepen.io/makzan/pen/pvKeOb 然後你想改動某幾行 Code 嚟做實驗。但如果想保存修改，就要 Fork 成你自己的記錄（"Pen"）。

如果已經登入，Fork 完就會自動歸入你的帳號下。如果是匿名使用，Fork 完之後，會有提示建立帳號。下方有一個連結可以 by-pass。

📖 Codepen 的好處

Codepen 一開始係 CSS-Tricks 個網站，為咗示範唔同既 Code Snippet 而生成。呢啲 Code Snippet 嘅特點，係都係示範緊 HTML／CSS／JavaScript 既效果，同埋都係唔大型，幾行幾十行 Code 既效果。於是乎，就為咗呢個目的，開發出 Codepen 呢套輕量網上 Web 前端寫 Code 平台。

要使用 Codepen，可以註冊使用，亦可以保持 Anonymous 非登入使用。非登入使用，寫撰寫的代碼亦會永久保存，也不會有數量限制。主要分別係：登入使用者可以簡便地查找過往所寫過既所有代碼。Anonymous 用家則要自己記住系統所生成的保存網址。

我的 Codepen 用戶帳號是：codepen.io/makzan

假設你進入了其中一個 pen https://codepen.io/makzan/pen/pvKeOb 然後你想改動某幾行 Code 嚟做實驗。但如果想保存修改，就要 Fork 成你自己的記錄（"Pen"）。

如果已經登入，Fork 完就會自動歸入你的帳號下。如果是匿名使用，Fork 完之後，會有提示建立帳號。下方有一個連結可以 by-pass。

📖 Codepen 的好處

Codepen 一開始係 CSS-Tricks 個網站，為咗示範唔同既 Code Snippet 而生成。呢啲 Code Snippet 嘅特點，係都係示範緊 HTML／CSS／JavaScript 既效果，同埋都係唔大型，幾行幾十行 Code 既效果。於是乎，就為咗呢個目的，開發出 Codepen 呢套輕量網上 Web 前端寫 Code 平台。

要使用 Codepen，可以註冊使用，亦可以保持 Anonymous 非登入使用。非登入使用，寫撰寫的代碼亦會永久保存，也不會有數量限制。主要分別係：登入使用者可以簡便地查找過往所寫過既所有代碼。Anonymous 用家則要自己記住系統所生成的保存網址。

我的 Codepen 用戶帳號是：codepen.io/makzan

當中你可以改 Code 來做實驗，但如果想保存修改，就要 Fork 成你自己的記錄（"Pen"）。

如果已經登入，Fork 完就會自動歸入你的帳號下。如果是匿名使用，Fork 完之後，會有提示建立帳號。下方有一個連結可以 by-pass。

Codepen 的好處

Codepen 一開始係 CSS-Tricks 個網站，為咗示範唔同既 Code Snippet 而生成。呢啲 Code Snippet 嘅特點，係都係示範緊 HTML／CSS／JavaScript 既效果，同埋都係唔大型，幾行幾十行 Code 既效果。於是乎，就為咗呢個目的，開發出 Codepen 呢套輕量網上 Web 前端寫 Code 平台。