現在不管是 Windows、macOS 還是 Android，系統都可以設定色彩主題成深色模式或淺色模式，瀏覽器也會因為系統設定值而獲得參數，這時候透過 JavaScript 就可 […]
這次試試是否能使用 JavaScript 就將 HTML 網頁上的區塊轉換成 JPG 圖檔，類似針對網頁局部截圖的概念，適合運用在將圖表、文字資訊等網頁上的資訊直接擷取下來成圖檔。開 […]
好久一段時間沒來研究前端，這次的主題是「打造多國語言的靜態網頁」，上網搜尋找到非常多的作法，但這次我想找的是相對最為簡單、技術門檻最低的方式，因此找了 GitHub 上不少慷慨工程師留下的原始碼， […]
GitHub 有提供一個服務叫做 GitHub Pages，用來將存放庫（Repository）構建成一個站點，意思就是在 GitHub 上建置網站，可用來展示、瀏覽靜態網站用，存放庫一旦更 […]
CSS 樣式表內的 @font-face 可用來自定義字體（字型），其中有個 unicode-range 屬性用來設置 @font-face 定義字體所要使用的特定字元範圍（或者說 Unicod […]
昨天開始著手研究網頁字體的運用，研究了一個晚上到隔天凌晨終於完成！萌芽系列網站也已經成功套用了全新的網頁字體（Web Font）。在研究的過程中發現到一般網路上的開源字體不一定會提供每種字體格式，因此 […]
JavaScript 有個內建的事件 DeviceOrientationEvent 可用來獲得裝置陀螺儀的動向/方向資訊，結合 CSS 的 transform 就可以做到翻轉裝置使圖片三維翻轉的效 […]
很多人都想用最簡單的方式達成網頁元素水平垂直置中、置中央，其實只要純 CSS 就可以做到囉！這邊直接示範把網頁元素置於整個網頁畫面的中央位置，這樣如果你要做其他的運用也只要簡單修改就可以做 […]
「Visual Studio Code」是由微軟（Microsoft）開發的開放原始碼程式編輯器。 之前開發 JavaScript 就有找到一款擴充功能（參考：Bracket Pa […]
我在《WordPress 外掛推薦列表（2016、2017舊版）》這篇文章就有推薦 WordPress 外掛「WordPress Popular Posts」，這款外掛可以幫助網站主記 […]
萌芽站長拍攝了這部 12 分鐘多的短片，並搭配完整的中文字幕，希望能幫助大家以 XAMPP 作為平台在本機電腦學會安裝 WordPress，並稍微了解其前後台的概念，我後半段也有一項項的介紹後台 […]
開場我就先說，純 CSS 無法做到，因為 CSS 無法由子元素的 hover（游標碰觸）來變更父元素的樣式，所以就要用到萬能的 JavaScript！運用 DOM 的控制來做到 CSS 目 […]
這次要教學的是寫一個短短的 JavaScript 原始碼就可以做到「點擊任一按鈕使其他按鈕無法點擊」，同場加映 3 秒後恢復原狀！會使用到 getElementById 取得按鈕 ID，接著運用 […]
■ 軟體檔案 ■ 軟體名稱 SourceTree 軟體類別 Git 軟體性質 免費軟體 官方網站 https://www.sourcetreeapp.com/ 軟體下載 請到官方網站下載！ 支 […]
當我們建立一個 Git 的存放庫（Repository）後，就要為這個專案的所有目錄、檔案進行版本管理、提交與上傳，可是專案裡是不是所有檔案都要做到版本管理？在很多前端專案中，Node.js […]
