🆕 https://mnya.tw/cc/word/1175.html
【作者:萌芽站長;💻萌芽綜合天地;🌐網路應用】
「YouCompress」可以線上壓縮 MP4、MOV、MP3、PDF、PNG、JPG、JPEG、GIF 檔案,減少照片、影片...
#YouCompress #線上壓縮 #線上 #壓縮 #免費 #照片 #影片 #文件 #網路應用
【作者:萌芽站長;💻萌芽綜合天地;🌐網路應用】
「YouCompress」可以線上壓縮 MP4、MOV、MP3、PDF、PNG、JPG、JPEG、GIF 檔案,減少照片、影片...
#YouCompress #線上壓縮 #線上 #壓縮 #免費 #照片 #影片 #文件 #網路應用
萌芽綜合天地
YouCompress:線上壓縮照片、影片與文件 - 萌芽綜合天地 - 萌芽網頁
「YouCompress」可以線上壓縮 MP4、MOV、MP3、PDF、PNG、JPG、JPEG、GIF 檔案,減少照片、影片與文件的檔案大小,完全免費,且不會有浮水印,壓縮後品質也保持的相當好,相當推薦您使用! ▲「YouCompres […]
🆕 https://mnya.tw/cc/word/1257.html
【作者:萌芽站長;💻萌芽綜合天地;🖥多媒體 , 🌐網路應用 , 🖼靜圖處理】
「Squoosh」是由 Google 旗下團隊「GoogleChromeLabs」推出的超強圖片壓縮工具,因為是 Chrome APP,可以同步支援手機,且可以離線...
#Squoosh #GoogleChromeLabs #Google #超強圖片壓縮工具 #圖片壓縮工具 #離線 #支援手機 #圖片壓縮 #壓縮 #多媒體 #網路應用 #靜圖處理
【作者:萌芽站長;💻萌芽綜合天地;🖥多媒體 , 🌐網路應用 , 🖼靜圖處理】
「Squoosh」是由 Google 旗下團隊「GoogleChromeLabs」推出的超強圖片壓縮工具,因為是 Chrome APP,可以同步支援手機,且可以離線...
#Squoosh #GoogleChromeLabs #Google #超強圖片壓縮工具 #圖片壓縮工具 #離線 #支援手機 #圖片壓縮 #壓縮 #多媒體 #網路應用 #靜圖處理
萌芽綜合天地
Squoosh:Google 推出的超強圖片壓縮工具、可離線使用且完美支援手機 - 萌芽綜合天地 - 萌芽網頁
「Squoosh」是由 Google 旗下團隊「GoogleChromeLabs」推出的超強圖片壓縮工具,因為是 Chrome APP,可以同步支援手機,且可以離線使用,非常方便!這個網站可將 jpg、png 等圖檔用適合的壓縮方式壓縮,可在視覺無法察覺的情況下將圖檔壓縮到非常小, […]
🆕 https://mnya.tw/cc/word/1258.html
【作者:萌芽站長;💻萌芽綜合天地;🖥多媒體 , 🌐網路應用 , 🎨網站技術 , 🖼靜圖處理】
JPEG 是一種破壞性圖像格式,藉由破壞性壓縮,在視覺可接受的前提下縮小圖檔大小,減少傳輸圖檔所需要的流量,是網路上非常普及的圖片格式,我們...
#JPEG #破壞性圖像格式 #兩種渲染方式 #渲染方式 #Baseline #標準型 #Progressive #漸進式 #圖片格式 #圖片 #多媒體 #網路應用 #網站技術 #靜圖處理
【作者:萌芽站長;💻萌芽綜合天地;🖥多媒體 , 🌐網路應用 , 🎨網站技術 , 🖼靜圖處理】
JPEG 是一種破壞性圖像格式,藉由破壞性壓縮,在視覺可接受的前提下縮小圖檔大小,減少傳輸圖檔所需要的流量,是網路上非常普及的圖片格式,我們...
#JPEG #破壞性圖像格式 #兩種渲染方式 #渲染方式 #Baseline #標準型 #Progressive #漸進式 #圖片格式 #圖片 #多媒體 #網路應用 #網站技術 #靜圖處理
萌芽綜合天地
JPEG 的兩種渲染方式:Baseline JPEG(標準型)和 Progressive JPEG(漸進式) - 萌芽綜合天地 - 萌芽網頁
JPEG 是一種破壞性圖像格式,藉由破壞性壓縮,在視覺可接受的前提下縮小圖檔大小,減少傳輸圖檔所需要的流量,是網路上非常普及的圖片格式,我們知道,JPEG 其實有兩種渲染方式,這個僅在 […]
🆕 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
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , ⚙️JavaScript , ⚙️Node.js】
上一篇應該已經讓您了解 Gulp 是多麼方便且好用的任務管理工具,現在就讓我們運用 Node.js 環境下的 Gulp 運行「imagemin-mozjpeg」這款套件...
#Node_js #Gulp #運行 #imagemin_mozjpeg #mozjpeg #批次圖片壓縮 #圖片壓縮 #網站技術 #JavaScript #JS #Yarn #imagemin
萌芽綜合天地
Node.js:Gulp 運行 imagemin-mozjpeg,mozjpeg 批次圖片壓縮 – 萌芽綜合天地
上一篇:Node.js:Gulp 運行 gulp-connect 套件,建立前端開發伺服器(Gulp 大展身手!)》應該已經讓您了解 Gulp 是多麼方便且好用的任務管理工具,現在就讓我們運用 Node.js 環境下的 Gulp 運行「imagemin-mozjpeg」這款套件,將 jpg 圖檔使用 mozjpeg 破壞壓縮技術進行批次壓縮,
🆕 https://mnya.tw/cc/word/1349.html
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , 🎨CSS , ⚙️JavaScript , ⚙️Node.js】
「Autoprefixer」這款套件(CSS 後處理器)運用最新「Can I Use.」的資訊幫助開發者可以自動化添加或移除這些供應商前綴,超級方便...
#Node_js #Gulp #運行 #Autoprefixer #批次處理 #CSS供應商前綴問題 #CSS供應商前綴 #CSS #供應商前綴 #Yarn #Can_I_Use #gulp_postcss #gulp_sourcemaps #網站技術 #JavaScript #JS
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , 🎨CSS , ⚙️JavaScript , ⚙️Node.js】
「Autoprefixer」這款套件(CSS 後處理器)運用最新「Can I Use.」的資訊幫助開發者可以自動化添加或移除這些供應商前綴,超級方便...
#Node_js #Gulp #運行 #Autoprefixer #批次處理 #CSS供應商前綴問題 #CSS供應商前綴 #CSS #供應商前綴 #Yarn #Can_I_Use #gulp_postcss #gulp_sourcemaps #網站技術 #JavaScript #JS
萌芽綜合天地
Node.js:Gulp 運行 Autoprefixer,批次處理 CSS 供應商前綴問題 - 萌芽綜合天地 - 萌芽網頁
《上一篇:Node.js:Gulp 運行 imagemin-mozjpeg,mozjpeg 批次圖片壓縮》已經成功在 Node.js 環境中運用 Gulp 這款任務管理工具加上「imagemin」 […]
🆕 https://mnya.tw/cc/word/1351.html
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , 🎨CSS , ⚙️JavaScript , ⚙️Node.js】
上一篇已經可以知道 Node.js 環境下 Gulp 任務管理工具可以幫助我們快速處理工程師不想手動完成的事情,這篇要講的主題是壓縮 CSS...
#Node_js #Gulp #運行 #gulp_clean_css #clean_css #gulp_sourcemaps #網站技術 #JavaScript #JS #CSS #批次壓縮CSS #批次壓縮 #壓縮CSS
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , 🎨CSS , ⚙️JavaScript , ⚙️Node.js】
上一篇已經可以知道 Node.js 環境下 Gulp 任務管理工具可以幫助我們快速處理工程師不想手動完成的事情,這篇要講的主題是壓縮 CSS...
#Node_js #Gulp #運行 #gulp_clean_css #clean_css #gulp_sourcemaps #網站技術 #JavaScript #JS #CSS #批次壓縮CSS #批次壓縮 #壓縮CSS
萌芽綜合天地
Node.js:Gulp 運行 gulp-clean-css,批次壓縮 CSS - 萌芽綜合天地 - 萌芽網頁
《上一篇:Node.js:Gulp 運行 Autoprefixer,批次處理 CSS 供應商前綴問題》已經可以知道 Node.js 環境下 Gulp 任務管理工具可以幫助我們快速處理工程師不想 […]
🆕 https://mnya.tw/cc/word/1355.html
【作者:萌芽站長;💻萌芽綜合天地;📷多媒體 , 🌐網站技術 , ⚙️JavaScript , ⚙️Node.js , 🖼靜圖處理】
這次來探討如何運用建構路徑物件的方式來方便管理 Gulp 的工作流程檔「gulpfile.js」,再來講 Gulp 提供的監看功能,只要來源目錄有任何檔案更動...
#Node_js #建構路徑物件 #路徑 #自動監看 #自動監看執行 #批次檔 #Gulp #mozjpeg批次圖片壓縮 #mozjpeg #批次圖片壓縮 #延伸篇 #JavaScript #JS #多媒體 #網站技術 #靜圖處理
【作者:萌芽站長;💻萌芽綜合天地;📷多媒體 , 🌐網站技術 , ⚙️JavaScript , ⚙️Node.js , 🖼靜圖處理】
這次來探討如何運用建構路徑物件的方式來方便管理 Gulp 的工作流程檔「gulpfile.js」,再來講 Gulp 提供的監看功能,只要來源目錄有任何檔案更動...
#Node_js #建構路徑物件 #路徑 #自動監看 #自動監看執行 #批次檔 #Gulp #mozjpeg批次圖片壓縮 #mozjpeg #批次圖片壓縮 #延伸篇 #JavaScript #JS #多媒體 #網站技術 #靜圖處理
萌芽綜合天地
Node.js:建構路徑物件、自動監看執行、批次檔小技巧(Gulp、mozjpeg 批次圖片壓縮 - 延伸篇) - 萌芽綜合天地 - 萌芽網頁
這篇文章是《Node.js:Gulp 運行 imagemin-mozjpeg,mozjpeg 批次圖片壓縮》的延伸篇,這次來探討如何運用建構路徑物件的方式來方便管理 Gulp 的工作流程檔「gu […]
🆕 https://mnya.tw/cc/word/1358.html
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , ⚙️JavaScript , ⚙️Node.js】
上一篇我們已經瞭解到如何將 CSS 壓縮成較小的檔案啦!這篇文章我們要更完整的敘述封裝檔案這件事情,不過由於 CSS 已經說過了,這次就用 JavaScript...
#Node_js #Gulp #套件 #JavaScript #JS #合併 #壓縮 #min #命名 #重新命名 #JS封裝 #JavaScript封裝 #網站技術 #Yarn #gulp_concat #gulp_uglify #gulp_rename
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , ⚙️JavaScript , ⚙️Node.js】
上一篇我們已經瞭解到如何將 CSS 壓縮成較小的檔案啦!這篇文章我們要更完整的敘述封裝檔案這件事情,不過由於 CSS 已經說過了,這次就用 JavaScript...
#Node_js #Gulp #套件 #JavaScript #JS #合併 #壓縮 #min #命名 #重新命名 #JS封裝 #JavaScript封裝 #網站技術 #Yarn #gulp_concat #gulp_uglify #gulp_rename
萌芽綜合天地
Node.js:Gulp 套件協助將 JavaScript 合併、壓縮與命名,將 JS 封裝吧! - 萌芽綜合天地 - 萌芽網頁
《上一篇:Node.js:Gulp 運行 gulp-clean-css,批次壓縮 CSS》我們已經瞭解到如何將 CSS 壓縮成較小的檔案啦!這篇文章我們要更完整的敘述封裝檔案這件事情, […]
🆕 https://mnya.tw/cc/word/1431.html
【✨精選文章;作者:萌芽站長;💻萌芽綜合天地;🖥軟體應用 , 🌐網站技術 , ⚙️JavaScript , 🗂Node.js , 🗃Webpack , 📄Visual Studio Code】
距離上次發表 Node.js 教學文時隔四個月的時間,暑假決定來好好研究一波 Webpack,它跟 Gulp 算是同樣類型的工具,Gulp 偏向自己寫流程,Webpack 則是...
#Node_js #Nodejs #Webpack #基礎概念 #Webpack基礎概念 #JS封裝過程教學 #JavaScript封裝過程教學 #JS #JavaScript #使用VSCode #VSCode #Visual_Studio_Code #軟體應用 #網站技術 #網頁壓縮 #網頁封裝 #壓縮 #封裝
【✨精選文章;作者:萌芽站長;💻萌芽綜合天地;🖥軟體應用 , 🌐網站技術 , ⚙️JavaScript , 🗂Node.js , 🗃Webpack , 📄Visual Studio Code】
距離上次發表 Node.js 教學文時隔四個月的時間,暑假決定來好好研究一波 Webpack,它跟 Gulp 算是同樣類型的工具,Gulp 偏向自己寫流程,Webpack 則是...
#Node_js #Nodejs #Webpack #基礎概念 #Webpack基礎概念 #JS封裝過程教學 #JavaScript封裝過程教學 #JS #JavaScript #使用VSCode #VSCode #Visual_Studio_Code #軟體應用 #網站技術 #網頁壓縮 #網頁封裝 #壓縮 #封裝
萌芽綜合天地
Node.js:Webpack 基礎概念與 JS 封裝過程教學(使用 VS Code) – 萌芽綜合天地
距離上次發表 Node.js 教學文時隔四個月的時間,暑假決定來好好研究一波 Webpack,它跟 Gulp 算是同樣類型的工具,Gulp 偏向自己寫流程,Webpack 則是寫好配置文件交由程式直接跑,就不用自己設定流程,不過最終都是達到封裝的目的,至於網頁為什麼要封裝?身為站長的我必須告訴你,一個網站若沒有做封裝,除了用戶要下載的資訊量較多,檔案下載要求也會非常多,這會導致載入速度過慢的問題,
🆕 https://mnya.tw/cc/word/1432.html
【✨精選文章;作者:萌芽站長;💻萌芽綜合天地;🖥軟體應用 , 🌐網站技術 , 🎨CSS , 🎨Sass/SCSS , ⚙️JavaScript , 🗂Node.js , 🗃Webpack , 📄Visual Studio Code】
上一篇我們已經講到 Webpack 的基礎概念與如何做 JS(JavaScript) 的封裝,這一篇則是要教大家如何用 Webpack 封裝 CSS 與 SCSS...
#Node_js #Nodejs #Webpack #封裝CSS #封裝SCSS #封裝 #CSS #SCSS #Sass #JS #JavaScript #使用VSCode #VSCode #Visual_Studio_Code #軟體應用 #網站技術 #網頁壓縮 #網頁封裝 #壓縮 #封裝
【✨精選文章;作者:萌芽站長;💻萌芽綜合天地;🖥軟體應用 , 🌐網站技術 , 🎨CSS , 🎨Sass/SCSS , ⚙️JavaScript , 🗂Node.js , 🗃Webpack , 📄Visual Studio Code】
上一篇我們已經講到 Webpack 的基礎概念與如何做 JS(JavaScript) 的封裝,這一篇則是要教大家如何用 Webpack 封裝 CSS 與 SCSS...
#Node_js #Nodejs #Webpack #封裝CSS #封裝SCSS #封裝 #CSS #SCSS #Sass #JS #JavaScript #使用VSCode #VSCode #Visual_Studio_Code #軟體應用 #網站技術 #網頁壓縮 #網頁封裝 #壓縮 #封裝
萌芽綜合天地
Node.js:Webpack 封裝 CSS、SCSS 成單一 JS 教學(使用 VS Code) – 萌芽綜合天地
上一篇:Node.js:Webpack 基礎概念與 JS 封裝過程教學(使用 VS Code)》我們已經講到 Webpack 的基礎概念與如何做 JS(JavaScript) 的封裝,這一篇則是要教大家如何用 Webpack 封裝 CSS 與 SCSS,而且最終是跟原來的 JS 一起包裝成單一個 JS 檔!這樣最終的「產品」只要要求一個 JS 檔案就可以同時獲得所有需要的樣式表與腳本了!
🆕 https://mnya.tw/cc/word/1467.html
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , 📄JavaScript , 📄jQuery】
自己還是喜歡寫網頁相關的教學,不管是什麼程式語言都沒有前端語言(HTML、CSS、JavaScript)來的習慣!只要沒有資訊安全的問題,前端可說是超級萬能...
#jQuery_qrcode #純前端生成QRCode #前端生成QRCode #QRCode #jQuery #JavaScript #JS #網站技術
【作者:萌芽站長;💻萌芽綜合天地;🌐網站技術 , 📄JavaScript , 📄jQuery】
自己還是喜歡寫網頁相關的教學,不管是什麼程式語言都沒有前端語言(HTML、CSS、JavaScript)來的習慣!只要沒有資訊安全的問題,前端可說是超級萬能...
#jQuery_qrcode #純前端生成QRCode #前端生成QRCode #QRCode #jQuery #JavaScript #JS #網站技術
萌芽綜合天地
jQuery.qrcode:純前端生成 QR Code – 萌芽綜合天地
自己還是喜歡寫網頁相關的教學,不管是什麼程式語言都沒有前端語言(HTML、CSS、JavaScript)來的習慣!只要沒有資訊安全的問題,前端可說是超級萬能!竟然連 QR Code 都可以生成,也太強大!jQuery.qrcode 依賴 jQuery 函式庫,壓縮版僅 25KB 的大小,可說是相當輕量級的前端插件,相當簡單就可以生成自定義的 QR Code,渲染方式有 canvas、
🆕 https://mnya.tw/cc/word/1653.html
【作者:萌芽站長;💻萌芽綜合天地;🌐網路應用】
大家有時會需要從 Facebook(臉書)上下載貼文中的影片,但卻沒辦法很簡單的下載下來,現在有個方案可以幫助大家解決這個問題!只要將貼文網址中的...
#Facebook #FB #臉書 #免下載安裝任何工具 #免下載安裝 #改網址就能把臉書影片下載下來 #改網址 #臉書影片下載 #FB影片下載 #Facebook影片下載 #網路應用
【作者:萌芽站長;💻萌芽綜合天地;🌐網路應用】
大家有時會需要從 Facebook(臉書)上下載貼文中的影片,但卻沒辦法很簡單的下載下來,現在有個方案可以幫助大家解決這個問題!只要將貼文網址中的...
#Facebook #FB #臉書 #免下載安裝任何工具 #免下載安裝 #改網址就能把臉書影片下載下來 #改網址 #臉書影片下載 #FB影片下載 #Facebook影片下載 #網路應用
萌芽綜合天地
Facebook:免下載、安裝任何工具!改網址就能把臉書影片下載下來! – 萌芽綜合天地
大家有時會需要從 Facebook(臉書)上下載貼文中的影片,但卻沒辦法很簡單的下載下來,現在有個方案可以幫助大家解決這個問題!只要將貼文網址中的「www」改成「mbasic」,就能將電腦版的網頁切換成行動基礎版,這樣點開影片就會另開一個視窗,接著就能直接下載!您可以透過點擊右鍵或右下方點開清單進行下載唷!唯一的缺點大概就是影片畫質一般般,畫面尺寸小且已經被壓縮過,並非 FB 伺服器上的原始畫質。