[教學] AMP 讓圖片支援自適應，可依裝置任意的縮放圖片大小
除此之外，當導入AMP的網頁架構時，第一個會面臨到的問題就是圖片，由於在AMP的架構裡，所有的圖示都需指定，圖片的長與寬，因此就會造成當手機尺寸，小於圖片尺寸時，就會造成圖片被截掉的問題，再加上現在的手機尺寸，還真是五花八門，一點都輸給桌機，因此要如何在AMP架構中，將圖片開啟RWD自適應的機制，其實方法很簡單，現在就一塊來看看囉！
View Article[教學] amp-carousel 讓AMP網頁也支援圖片輪播特效
所以有不少的朋友，都覺得Google推出的AMP架構，是給新聞媒體或是部落格使用，其實並非如此，雖然AMP無法自訂Javascript，但也推出各式的網頁互動特效，而今天要來分享的就是carousel，圖片輪播系統，而這也是網頁相當常見的特效，因此現在就一塊來看看，如何在AMP網頁中，加入carousel廣告輪播系統吧！
View Article[教學] Visual Studio Cod 繁中語言包安裝與語系設定
由於最近梅干正嘗試著將WordPress搬到Hugo，因此在把資料轉入的時候，會使用到大量的文字取代的功能，所以一次修改有時就是上百頁，當要儲存與將全部的頁籤關閉，就相當的麻煩，還有toml文件的高亮效果不太好，所以梅干就改用VS Code，但一開啟時，怎突然變成英文版的，且俢改顯示的語系檔也沒用，最後才發現到，原來是語系檔不見了，因此若你的VS...
View Article[教學] 開啟Chrome瀏覽器，將一串亂碼變中文
但就在匯入並在打包成一頁一頁的靜態網頁時，竟然跳出某些頁面出錯，當梅干一打開看後，卻看到一堆怪怪的亂碼，而這些亂碼其實就是中文，只是被編譯過的而已，因此只要將這亂碼轉回變中文就可以啦！但要如何將這看似亂碼變成中文，其實有個相當簡單的方法，只需透過瀏覽器，立即就可將這看似亂碼的字符變回中文啦！因此有需要的朋友們，現在就一塊來看看吧！
View Article[教學] Visual Studio Code 內建原始碼格式化功能，一鍵快速讓亂七八槽的HTML與JS碼，變得條理有致
最近跳到微軟所推出的VS Code時，也已慢慢感受到VS Code強大的編輯功能，但遇到HTML碼雜亂，與壓縮過的HTML碼，那還真是跟天書一樣，而VS Code竟然有個超強大功能，那就是內建了原始碼格式化功能，除了可將雜亂或壓縮過的HTML還原外，就連Javascript也可以，因此想知道，如何使用VS Code來格式化原始碼的朋友，現在就一塊來看看吧！
View ArticleGo Minify 網頁壓縮器，將 HTML、CSS、JS 一次搞定！
因此最近梅干發現一個，超強的網頁壓縮器GO Minify，不但支援多平台，像是MAC、Windows、Liunx皆可使用，甚至壓縮的速度飛快，且無需使用任何的專案管理器，只需將Minify壓縮器，放在專案的目錄中，下指令的方式，就能將HTML、CSS、Jaascript的檔案進行壓縮，且壓縮後網頁也不會出現任何的問題，真是一個相當棒的網頁壓縮器，因此身為網頁設計的你，也趕快來看看吧！
View ArticleClik here to view.
[密技] Sublime Text 一次儲存所有頁籤,，已開啟的檔案
由於這陣子都在研究Hugo的靜態網頁，讓梅干開始迷戀上靜態網頁的樂趣，雖然少了資料庫與PHP的擴充性，但在版面上卻多了更多的可變性，再加上打包後的網頁，都是一個一個的HTML檔案，因此完全不用作任何的快取，甚至去優化資料庫與程式碼，同時開啟的速度變超快。 也因為少了資料庫，因此在整理資料時，就是一個一個的檔案，再一一的作修改，沒辦法透過資料庫指令一次修改，但好在Sublime...
View Article