🆕 https://mnya.tw/cc/word/1222.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網路應用 , 🖥網站技術 , ⌨️HTML , 🗂CSS , ⚙️JavaScript】
您正在學習網頁前端嗎？或者您是喜歡且擅長寫網頁前端的人？「CodePen」可以當作網頁前端的展示平台，並且能當作線上 HTML、CSS 與 JS 撰寫工具...
#CodePen #網頁前端 #前端 #展示平台 #線上 #HTML #CSS #JavaScript #JS #撰寫工具 #網頁 #網頁編寫 #網頁設計 #網路應用 #網站技術

🆕 https://mnya.tw/cc/word/1274.html
【作者：萌芽站長；💻萌芽綜合天地；💾軟體應用 , 🌐網站技術 , 🖥伺服器 , ⌨️JSP】
為了解決前後端連接的問題，我決定超前進度，先幫自己的電腦安裝環境並可運行使用 JSP 技術的網頁，甚至還能做到連結資料庫...
#XAMPP #Tomcat #JSP #JDK #Apache #phpMyAdmin #建立JSP運行環境 #JSP連接SQL資料庫 #SQL #資料庫 #SQL資料庫 #軟體應用 #網站技術 #伺服器

🆕 https://mnya.tw/cc/word/1275.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 💾HTML , ⌨️JavaScript】
過去有在其他網站看到欄位的焦點偵測特效，沒錯！這個網頁上方有個人物，當游標焦點在「密碼」時，那個人物就會遮眼，相當可愛...
#JavaScript #表單 #焦點非焦點 #焦點非焦點偵測 #變換圖片 #可以做得很可愛的偵測特效 #偵測特效 #網站技術 #HTML #JavaScript #JS

🆕 https://mnya.tw/cc/word/1302.html
【作者：萌芽站長；💻萌芽綜合天地；🖥網站技術 , ⌨️HTML , 🎨CSS , ⚙️JavaScript , 🔧jQuery】
「Easing 函數速查表」由 Andrey Sitnik 提供，各國家的貢獻者協助翻譯，因此網站還支援非常多的語言，包含正體中文（繁體中文）唷！我們前端網頁設計師...
#Easing函數速查表 #函數速查表 #Easing #函數 #Easing函數 #速查表 #網頁動畫執行速度函數查詢 #動畫執行速度函數 #CSS #SCSS #jQuery #JS #JavaScript #HTML #網站技術 #前端 #網頁 #網頁設計

🆕 https://mnya.tw/cc/word/1306.html
【作者：萌芽站長；💻萌芽綜合天地；🖥軟體應用 , 🌐網站技術 , 🎨CSS , ⌨️Visual Studio Code】
網頁前端設計師在撰寫 CSS 中的色碼時，都會希望可以有調色盤可以馬上進行調色...
#Color_Picker #軟體應用 #網站技術 #延伸模組 #擴充功能 #Visual_Studio_Code #VSCode #CSS #色碼調色盤 #透明度 #色碼 #調色盤

🆕 https://mnya.tw/cc/word/1342.html
【作者：萌芽站長；💻萌芽綜合天地；⌨️軟體介紹 , 🌐網站技術 , 📝學業筆記 , ⚙️JavaScript , ⚙️Node.js】
今天「網站前端封裝實務」第二次上課學到更多有關前端的技術，這些技術我很早以前就有聽聞，不過實在因為技術門檻有點高加上沒有人帶我進入這個領域...
#Windows #Windows環境 #安裝 #Node_js #npm #Yarn #JavaScript套件管理程式 #JavaScript #套件管理程式 #學業筆記 #網站技術 #前端技術 #軟體介紹 #網站前端封裝實務

🆕 https://mnya.tw/cc/word/1343.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 🖥伺服器 , 📝學業筆記 , ⚙️JavaScript , ⚙️Node.js】
上一篇我們已經完成安裝 Node.js，也同時完成安裝 npm 與 Yarn 這兩個套件管理程式啦！那接下來就是開始準備我們的專案...
#Node_js #Yarn #專案初始化 #專案 #gulp_js #gulp #任務管理工具 #安裝與使用 #學業筆記 #前端技術 #網站技術 #前端技術 #伺服器 #網站前端封裝實務 #npm #JavaScript #JS #套件管理程式 #專案管理工具

🆕 https://mnya.tw/cc/word/1345.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 🖥伺服器 , 📝學業筆記 , ⚙️JavaScript , ⚙️Node.js】
上一篇已經成功將 Gulp 任務管理工具安裝完成，也能運作了！接著我們要運用 Yarn 這款套件管理程式來安裝 Gulp 的套件「gulp-connect」...
#Node_js #Yarn #專案 #gulp_js #Gulp #任務管理工具 #Gulp大展身手 #學業筆記 #網站技術 #前端技術 #伺服器 #網站前端封裝實務 #JavaScript #JS #套件管理程式 #專案管理工具 #gulp_connect #前端開發伺服器 #gulpfile_js

🆕 https://mnya.tw/cc/word/1347.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , ⚙️JavaScript , ⚙️Node.js】
上一篇應該已經讓您了解 Gulp 是多麼方便且好用的任務管理工具，現在就讓我們運用 Node.js 環境下的 Gulp 運行「imagemin-mozjpeg」這款套件...
#Node_js #Gulp #運行 #imagemin_mozjpeg #mozjpeg #批次圖片壓縮 #圖片壓縮 #網站技術 #JavaScript #JS #Yarn #imagemin

🆕 https://mnya.tw/cc/word/1402.html
【✨精選文章；作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 🔐資訊安全 , 🖥伺服器 , 💾資料庫 , 📄PHP , ⚙️JavaScript , ⚙️jQuery , 🔍SQL】
一般來說如果一個網站有站內搜尋，可以更方便使用者找到想要的資訊，但如果要增進使用者體驗，有什麼方法可以讓簡單的搜尋變得更加美好？沒錯！那就是運用...
#PHP #AJAX #MySQL #SQL #即時搜尋 #即時搜尋系統 #搜尋 #搜尋系統 #邊打字邊搜尋 #邊打字邊搜尋資料庫 #資料庫 #網站技術 #資訊安全 #伺服器 #JavaScript #jQuery #站內搜尋 #搜尋資料 #搜尋資訊 #使用者體驗 #Search

ℹ️ https://mnya.tw/about/log/
【公告】網站日誌全面升級全端系統並連接資料庫
發布編號：474 - 發佈日期：2019-06-21

網站日誌正式升級 AJAX 前端 + PHP 後端連 MySQL 資料庫模式，無須換頁就可以在單一頁面上展示所有日誌，還能搜尋與換頁，一切都是在同個畫面上進行，功能整理如下：
⭕️ 陳列功能（是否有圖、資料庫讀取）
⭕️ 搜尋功能（可搜尋編號、標題、內容、日期）
⭕️ 分頁功能（每 30 個換頁，搜尋狀態也可換頁）
⭕️ 資料本機測試無錯誤（編碼確認無誤）
⭕️ 介面重新設計，換頁按鈕讓您一看就懂！
⭕️ 同步支援 RWD，全平台支援！
❌ 圖片放大鏡功能關閉（這將使效能變差，因此關閉）

🚧 總工程時間：18 小時（實際上做了三天，已扣除非工作時間）

#公告 #網站日誌 #全面升級 #全端系統 #資料庫 #AJAX #前端 #PHP #後端 #MySQL資料庫 #MySQL #同頁讀取 #陳列 #搜尋 #分頁 #RWD #資料整理

🆕 https://mnya.tw/cc/word/1436.html
【作者：萌芽站長；💻萌芽綜合天地；🖥軟體應用 , 🎞多媒體 , 🌐網路應用 , ⌨️網站技術 , ⚙️JavaScript , 🎬串流錄製】
因為要開氣象圖資直播的關係，我發現大多氣象單位所提供的圖資都是要手動重新載入才可以獲取最新的圖資，OBS（Open Broadcaster Software）內建的瀏覽器也...
#OBS #Open_Broadcaster_Software #錄影 #串流 #網路串流 #內建瀏覽器 #瀏覽器 #抓參數可指定間隔時間不斷重新載入指定網址 #抓參數 #指定間隔時間不斷重新載入 #重新載入指定網址 #重新載入 #OBS瀏覽器自動重載解決方案 #CDN #軟體應用 #多媒體 #網路應用 #網站技術 #CSS #JavaScript #JS #串流錄製

🆕 https://mnya.tw/cc/word/1454.html
【✨精選文章；作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , ⚙️程式設計 , 🗂Git , 📄Visual Studio Code】
其實個人一直以來都沒有使用 Git，畢竟一直都是個人開發一些小型專案為主，像是萌芽網頁，所以採用最傳統「複製檔案」的方式做版本管理...
#Git版本控制 #Git #版本控制管理 #版本控制 #版本管理 #建立本地倉庫 #初始化本地倉庫 #本地倉庫 #暫存變更 #認可變更 #提交變更 #使用VSCode #VSCode #Visual_Studio_Code #網站技術 #程式設計

🆕 https://mnya.tw/cc/word/1467.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄JavaScript , 📄jQuery】
自己還是喜歡寫網頁相關的教學，不管是什麼程式語言都沒有前端語言（HTML、CSS、JavaScript）來的習慣！只要沒有資訊安全的問題，前端可說是超級萬能...
#jQuery_qrcode #純前端生成QRCode #前端生成QRCode #QRCode #jQuery #JavaScript #JS #網站技術

🆕 https://mnya.tw/cc/word/1469.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄JavaScript , 📄jQuery】
前端除了能生成 QR Code，竟然還能掃描 QR Code？沒錯！只要運用 instascan 這個插件就可以運用 WebRTC 這樣的技術來做到掃描 QR Code...
#instascan #純前端 #純前端掃描QRCode #掃描QRCode #QRCode #WebRTC #jQuery #JavaScript #JS #網站技術

🆕 https://mnya.tw/cc/word/1569.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄HTML , 📄JavaScript , 📄jQuery】
好久一段時間沒來研究前端，這次的主題是「打造多國語言的靜態網頁」，上網搜尋找到非常多的作法，但這次我想找的是相對最為簡單、技術門檻最低的方式...
#利用自定義HTML屬性打造多國語言的靜態網頁 #自定義HTML屬性 #多國語言靜態網頁 #多國語言 #靜態網頁 #HTML #jQuery #JavaScript #JS #網站技術

🆕 https://mnya.tw/cc/word/1721.html
【作者：萌芽站長；💻萌芽綜合天地； 🌐網站技術 , 📄HTML , 🟪Bootstrap】
在前端領域，最近最常被提到的一定是 Bootstrap，它是一組用於網站和網路應用程式開發的開源前端框架，也是包含了 HTML、CSS 及 JavaScript（簡稱「JS」）的框架，提供...
#介紹 #入門 #Bootstrap_5 #Bootstrap_4 #Bootstrap_3 #差別 #入門模板 #HTML #Bootstrap #網站技術

🆕 https://mnya.tw/cc/word/1810.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄HTML , 🎨CSS】
Master 是一套由台灣人開發的前端框架，倡導虛擬 CSS（Virtual CSS）的概念，將 CSS 語法都寫在 HTML 的 class 中，這樣開發者就不用每次都還要去想怎麼命名 class，或者...
#Master #虛擬CSS #Virtual_CSS #快速製作響應式GRID格線佈局 #響應式 #響應式網頁設計 #RWD #GRID格線佈局 #GRID #格線佈局 #HTML #CSS #網站技術

🆕 https://mnya.tw/cc/word/2860.html
#政府資料開放平臺 #Mapshaper #取得台灣行政區域界線瘦身圖資 #台灣行政區域界線 #台灣 #行政區域界線 #行政區域 #行政區 #界線 #瘦身圖資 #瘦身 #圖資 #實戰 #網路應用 #GIS #GPS #世界地理

🆕 https://mnya.tw/cc/word/2865.html
#GoogleEarthPro #GoogleEarth #Google #EarthPro #經典桌面版 #桌面版 #即將退場 #網頁版時代 #網頁版 #全面來臨 #資訊新聞 #GIS #GPS #世界地理