Pug小學堂|關於pug的好用小公式
今天要來介紹關於pug的好用小公式，使用Pug編譯HTML後會發現網頁的編譯速度提升很多，尤其是專案類型的案子更是效果明顯，當然Pug的方便處不只是單單提供includ、 extends去建立頁面，它也可以直接在HTML的編譯過程中省去很多需要重複編寫的問題
這篇要帶領各位一步步建立NodeJs，做好前置作業後就可以安裝Webpack來完成前端工程開發的環境囉~
Step 1 安裝Node.Js：
首先，要請大家到Node.Js官方網站下載文件，Node.Js官網位置：https://nodejs.org/en/， (本篇安裝教學版本為：v8.11.3)
官方提供了兩種版本：LTS (Long term support)以及…
互動式網站除了一些簡單的Q&A或是測驗機制的網站外，最常見的當然就是嵌入小遊戲來與使用者互動！而這些小遊戲最常見的製作方式之一就是使用canvas來產生了，但你知道canvas的加載套件有百百種，每一款都讓…
製作網站時，如果碰到有圖片上傳的需求，客戶們基本上都會希望網頁也能同時預覽檔案，那麼除了預覽外我們可以如何讓上傳圖片變的更人性化呢？
不知道大家的工作環境通常會有幾個地方呢？身為前端工程師，工作環境常常在不同地方切換作業，有個2、3台電腦、筆電要工作也不是太意外…
先前介紹了SVG的使用給大家，相信大家對png轉svg的應用已經很熟練了！這次來增加一點小技巧，讓你的按鈕或是簡單的icon可以不另外產生一張圖用CSS來解決它吧！
上篇帶大家了解如何將Google試算表轉換成線上資料庫，那麼當Google試算表遇上Chart.js會發生甚麼有趣的組合呢？本篇就來實際使用Google試算表，來建立一個簡單的圖像數據圖吧！
