開場我就先說，純 CSS 無法做到，因為 CSS 無法由子元素的 hover（游標碰觸）來變更父元素的樣式，所以就要用到萬能的 JavaScript！運用 DOM 的控制來做到 CSS 目前做 […]
這次要教學的是寫一個短短的 JavaScript 原始碼就可以做到「點擊任一按鈕使其他按鈕無法點擊」，同場加映 3 秒後恢復原狀！會使用到 getElementById 取得按鈕 ID […]
■ 軟體檔案 ■ 軟體名稱 SourceTree 軟體類別 Git 軟體性質 免費軟體 官方網站 https://www.sourcetreeapp.com/ 軟體下載 請到官方網站下載！ 支援 […]
當我們建立一個 Git 的存放庫（Repository）後，就要為這個專案的所有目錄、檔案進行版本管理、提交與上傳，可是專案裡是不是所有檔案都要做到版本管理？在很多前端專案中，Node.j […]
這篇文章是《Node.js：Gulp 運行 imagemin-mozjpeg，mozjpeg 批次圖片壓縮》與《Node.js：建構路徑物件、自動監看執行、批次檔小技巧（Gulp、 […]
2016 年九月萌芽系列網站終於通過 Google AdSense（Google 廣告） 的審核，開始投放商業廣告，利用千次曝光與點擊量來讓網站有合理的收入，經營網站一直都是很不容易的事情，要學會選網 […]
前端除了能生成 QR Code（👉 相關文章），竟然還能掃描 QR Code？沒錯！只要運用 instascan 這個插件就可以運用 WebRTC 這樣的技術來做到掃描 QR Code，We […]
自己還是喜歡寫網頁相關的教學，不管是什麼程式語言都沒有前端語言（HTML、CSS、JavaScript）來的習慣！只要沒有資訊安全的問題，前端可說是超級萬能！竟然連 QR Code 都可以生成，也太 […]
在《上一篇：Git 版本控制：建立分支、切換分支、合併分支（使用 VS Code）》已經教大家在本地做分支的異動，但是若只是在本地存放庫（倉庫）那可就完全沒發揮到 Git 的過人之 […]
在《上一篇：Git 版本控制：建立與初始化本地倉庫、暫存與認可變更（使用 VS Code）》我已經解說了如何使用 VS Code（Visual Studio Code）來搭配 Git […]
距離《上一篇：GitHub Desktop：建立、上傳專案教學，公開自己的專案到 GitHub 吧！》發表已經有 5 個月的時間，這次要來教大家直接使用 GitHub Deskto […]
其實個人一直以來都沒有使用 Git，畢竟一直都是個人開發一些小型專案為主，像是萌芽網頁，所以採用最傳統「複製檔案」的方式做版本管理，不過這是挺笨的方法，早在十多年前 Git 就問世了！專門幫助工程師為 […]
隨著瀏覽器不斷的進步，新技術可以讓網頁工程師更輕鬆的開發出更符合現代需求的網站，圖片與嵌入網頁一直都是最拖累網站載入速度的元素，過去為了加速載入網站，我們運用 JavaScript […]
因為要開氣象圖資直播的關係，我發現大多氣象單位所提供的圖資都是要手動重新載入才可以獲取最新的圖資，OBS（Open Broadcaster Software）內建的瀏覽器也不支援指定 […]
在 OBS（Open Broadcaster Software） 場景中放上日期與時間一點都不困難！只要透過內建的瀏覽器就可以辦到！熱心的網友「sam0737」在 GitHub 中公開給大 […]
