《上一篇：Node.js：Yarn 專案初始化、gulp.js 任務管理工具安裝與使用》已經成功將 Gulp 任務管理工具安裝完成，也能運作了！接著我們要運用 Yarn 這款套件管理程式來安裝 […]

《上一篇：Windows 環境安裝 Node.js 以及 npm & Yarn 兩款熱門 JavaScript 套件管理程式》我們已經完成安裝 Node.js，也同時完成安裝 npm […]

今天「網站前端封裝實務」第二次上課學到更多有關前端的技術，這些技術我很早以前就有聽聞，不過實在因為技術門檻有點高加上沒有人帶我進入這個領域，始終沒接觸，不過如果要讓網站技術有所突破，學習它們是必 […]

「instant.page」是一款相當輕量的 JavaScript 程式，利用 CDN 的方式放入自己的網站，就可以加速網頁載入速度，怎麼這麼神奇呢？原來是利用我們從觸碰連結到點擊連結的這個 […]

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

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

前陣子非常想在網站上製作視差效果，礙於時間因素沒有去找尋資料，現在寒假到了，我就著手開始尋找適合自己用的 jQuery 插件，最後找到了「paroller.js」覺得最滿意！讓我開始介紹它的好吧！ […]

「Tilt.js」是一款可以達到視差懸停傾斜效果（parallax hover tilt effect）的 jQuery 插件，插件本身不需要 CSS，只需要  jQuery 和本身的 .js 檔即 […]

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

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

「ScrollIt.js」是一款可以建立頁面滾動導覽的 jQuery 插件，插件本身非常小，支援透過電腦鍵盤移動至上下自定義的節點，不用再透過 HTML 所提供的「#」頁面導覽，功能實在太簡陋，如 […]

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

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

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

因為做學校多媒體程式設計的前端介面，有機會做到登入畫面，突然想到過去有在其他網站看到欄位的焦點偵測特效，沒錯！這個網頁上方有個人物，當游標焦點在「密碼」時，那個人物就會遮眼，相當可愛！😍 於是我就靈 […]

不少情況下網站都會使用到 HTML Image Map 影像地圖，但 HTML 原生的影像地圖功能缺乏非常多必要的功能，舉例來說就無法套用 CSS 建立特效，一般來說我們都會希望游標移至選擇區時出現特 […]

「JavaScript」有一串原始碼可以讓原本不可編輯的網頁變成可以編輯，這樣您就可以隨時利用各個網站的版型測試文字擺放與字體，非常實用！ javascript:document.b […]

這次來學習 JavaScript（簡稱：JS），首先來學最基本的函數「alert()」，這個函數最主要的功能就是跳出提示視窗，裡面的訊息可以利用「\n」這個 Escape 逸出字元換行，像我能在提 […]