《上一篇：Node.js：Webpack 基礎概念與 JS 封裝過程教學（使用 VS Code）》我們已經講到 Webpack 的基礎概念與如何做 JS（JavaScript） 的封裝，這一篇則是要教 […]

🍪 Cookie（餅乾）在網路世界中無所不在，可以讓使用者儲存網頁設定到瀏覽器中，下次瀏覽時網站就能提供更個人化的服務給同位訪客，其實是一個不錯運用的技術！因此萌芽站長就決定應用它 […]

網頁上也能使用 Emoji（表情貼／表情符號），網頁原生表情貼就是直接採用系統內建的圖示，但 Emoji 發展得相當快速，有時候系統更新速度常常不夠快，導致部分 Emoji 顯示錯誤，而且系 […]

《上一篇：Node.js：Gulp 運行 Autoprefixer，批次處理 CSS 供應商前綴問題》已經可以知道 Node.js 環境下 Gulp 任務管理工具可以幫助我們快速處理工程師不 […]

《上一篇：Node.js：Gulp 運行 imagemin-mozjpeg，mozjpeg 批次圖片壓縮》已經成功在 Node.js 環境中運用 Gulp 這款任務管理工具加上「imagemin」 […]

之前才寫了一篇 SCSS 介紹文，馬上又回到原生 CSS 的教學啦！試用了 SCSS 後發現到其變數功能真的非常實用，就想查查看這幾年 CSS3 有沒有添加了變數功能（Variabl […]

「Visual Studio Code」是由微軟（Microsoft）開發的開放原始碼程式編輯器。 VSCode 只要安裝「Live Sass Compiler」這個擴充功能就能支援即 […]

「Visual Studio Code」是由微軟（Microsoft）開發的開放原始碼程式編輯器。 網頁前端設計師在撰寫 CSS 中的色碼時，都會希望可以有調色盤可以馬上進行調色，因此我就 […]

「Easing 函數速查表」由 Andrey Sitnik 提供，各國家的貢獻者協助翻譯，因此網站還支援非常多的語言，包含正體中文（繁體中文）唷！我們前端網頁設計師常常需要製作網頁互動動畫，動 […]

前陣子大量撰寫與程式語言相關的教學或推薦文章，需要大量在網頁（文章）上呈現程式碼（原始碼），雖然原本就有安裝一個 WordPress 插件可以呈現，但始終覺得不滿意，前陣子逛了一些線上 H […]

其實很早以前就用過類似的插件，只不過那個插件是商業授權的試用版，而且在改版的過程中還出錯，因此我就直接放棄使用了！後來在網路上找到這個功能更優的 jQuery 插件，支援 touch […]

「Weather Icons」是一款開源的天氣圖標（Icons），可以免費使用在自己的網站或 APP 中，基本上只要有姓名標示任何使用目的都是可以的，詳細可以參考官方網站頁底，有更詳細且清楚 […]

「Overlay Scrollbars」是我搜尋了好久才找到的超好用自定義捲軸，之前有找到其他插件的來測試，但最後都遇上了 BUG 而放棄使用，這個則可完美達到我想要的目的，因此特別寫 […]

「Flickity」算是我在找瀑布流插件時意外找到的 jQuery 插件，那時候剛好也非常缺乏像樣的幻燈片程式，網站首頁也需要一個來展示影片，就這麼剛好讓我找到這款幾乎萬能的插件！怎麼說呢？首 […]

「Ionicons」是一款開源的圖標，由 Ionic Framework 團隊開發，採用 MIT 授權，可讓開發人員使用在網站、行動 APP 或電腦程式上，也支援 SVG 向量圖的格 […]