達標好文 技術 [Editor] CodePen / VS Code 常用快速鍵

開發推薦使用 Visual Studio Code ；另外可以使用線上即時渲染結果的編輯器 Codepen，用於小練習 / 快速試調 / 快速分享： Code...

技術 Codepen Project - 完整的線上編輯器

Codepen 是近幾年很受歡迎的線上編輯器。與同為線上編輯器的 jsFiddle 相比，介面設計美觀許多，點進網頁就可以看到許多厲害的作品。Codepen 的...

技術 [Day 02] 建立開發環境，做好行前準備

老套說：「工欲善其事，必先利其器」— 要寫網頁，就不能沒有好用的開發環境。在開始認識各種前端技能之前，最重要的就是要先知道該在哪裡運行 Code ，就讓我們來看...

技術 [Day 1] 100 Days CSS Challenge の 設置: 善用你的工具(人)吧!

筆者Thibe為初入前端領域兩個月多的新人，由100 Days CSS Challenge的第一天挑戰概念啟發，製作了此次鐵人賽挑戰圖，期望自己能順利每天產出...

技術 Repl.it 支援很多語言的線上開發平台

昨天突然被要求寫一個 php 的 api 接口對接範例 , 方便我們的客戶開發介接程式碼 !由於本身是寫 Java , 又懶得再部一個 php 開發環境 偶然間...

技術 CodePen 簡單導入 CDN

在講CDN之前，先跟初使用CodePen的朋朋們告知一下，CodePen的 html欄位是不需要再加入 像是, , 標籤。因為這個欄位意義上來說就是html 裡...

技術 Day 25: 從Yahoo!新聞與前端技術來繪製資訊圖表: 來看韓國「躺平族」

       雖然我的前端程式語言技術和Python或其他繪圖工具相比，明顯能感覺到前端程式語言的能力較不純熟；然而我也知道若要在台灣當一名資料記者，前端程式語...