《上一篇:Node.js:Webpack 基礎概念與 JS 封裝過程教學(使用 VS Code)》我們已經講到 Webpack 的基礎概念與如何做 JS(JavaScript) 的封裝,這一篇則是 […]
層疊樣式表(英語:Cascading Style Sheets,簡寫CSS),一種用來為結構化文件添加樣式(字型、間距和顏色等)的電腦語言,由W3C定義和維護。
🍪 Cookie(餅乾)在網路世界中無所不在,可以讓使用者儲存網頁設定到瀏覽器中,下次瀏覽時網站就能提供更個人化的服務給同位訪客,其實是一個不錯運用的技術!因此萌芽站長就決定應用它來製作現 […]
網頁上也能使用 Emoji(表情貼/表情符號),網頁原生表情貼就是直接採用系統內建的圖示,但 Emoji 發展得相當快速,有時候系統更新速度常常不夠快,導致部分 Emoji 顯示錯誤,而且 […]
《上一篇:Node.js:Gulp 運行 Autoprefixer,批次處理 CSS 供應商前綴問題》已經可以知道 Node.js 環境下 Gulp 任務管理工具可以幫助我們快速處理工程師不想手動完 […]
《上一篇:Node.js:Gulp 運行 imagemin-mozjpeg,mozjpeg 批次圖片壓縮》已經成功在 Node.js 環境中運用 Gulp 這款任務管理工具加上「image […]
之前才寫了一篇 SCSS 介紹文,馬上又回到原生 CSS 的教學啦!試用了 SCSS 後發現到其變數功能真的非常實用,就想查查看這幾年 CSS3 有沒有添加了變數功能(Variab […]
「Visual Studio Code」是由微軟(Microsoft)開發的開放原始碼程式編輯器。 VSCode 只要安裝「Live Sass Compiler」這個擴充功能就能支 […]
「Visual Studio Code」是由微軟(Microsoft)開發的開放原始碼程式編輯器。 網頁前端設計師在撰寫 CSS 中的色碼時,都會希望可以有調色盤可以馬上進行調色,因此我 […]
「Easing 函數速查表」由 Andrey Sitnik 提供,各國家的貢獻者協助翻譯,因此網站還支援非常多的語言,包含正體中文(繁體中文)唷!我們前端網頁設計師常常需要製作網頁互動動畫, […]
前陣子大量撰寫與程式語言相關的教學或推薦文章,需要大量在網頁(文章)上呈現程式碼(原始碼),雖然原本就有安裝一個 WordPress 插件可以呈現,但始終覺得不滿意,前陣子逛了一些線上 H […]
其實很早以前就用過類似的插件,只不過那個插件是商業授權的試用版,而且在改版的過程中還出錯,因此我就直接放棄使用了!後來在網路上找到這個功能更優的 jQuery 插件,支援 touch (觸控)、cl […]
「Weather Icons」是一款開源的天氣圖標(Icons),可以免費使用在自己的網站或 APP 中,基本上只要有姓名標示任何使用目的都是可以的,詳細可以參考官方網站頁底,有更詳細且 […]
「Overlay Scrollbars」是我搜尋了好久才找到的超好用自定義捲軸,之前有找到其他插件的來測試,但最後都遇上了 BUG 而放棄使用,這個則可完美達到我想要的目的,因此特別寫文章推薦 […]
「Flickity」算是我在找瀑布流插件時意外找到的 jQuery 插件,那時候剛好也非常缺乏像樣的幻燈片程式,網站首頁也需要一個來展示影片,就這麼剛好讓我找到這款幾乎萬能的插件!怎麼說呢?首先我想要 […]
「Ionicons」是一款開源的圖標,由 Ionic Framework 團隊開發,採用 MIT 授權,可讓開發人員使用在網站、行動 APP 或電腦程式上,也支援 SVG 向量圖的 […]