提供網址重新導向的免費服務﹍redirect.pizza
如果有買網址的話，網址商後台都會有轉址服務，有時管理的子網域一多，可能需要變動一下網址，以配合不同需求。例如原本部落格放在 www.自訂網域.com ，後來業務變多以後，想將部落格挪到 blog.自訂網域.com ，這時就可設定「網址重新導向」，將 www 子網域用 301 轉址...
繼續閱讀全文推薦線上工具：台灣景點人潮監視器 + 一整天的音樂
前陣子 FB 粉絲團收到訊息，通知「 贊助管道 」的 PayPal 按鈕產生錯誤。當下沒有很在意，因為通常是不在台灣的客戶、讀者，需要從海外付款我才會請他們使用 PayPal。 幾年前 PayPal 退出台灣支付業務，一方面是稅務問題(會增加成本)，一方面台灣金融法規進化速度慢...
繼續閱讀全文CC0 免費圖庫搜尋引擎﹍2021 版
「 CC0 免費圖庫搜尋引擎 」今年進行大改版，核心的搜尋功能不變，不過操作介面、及行動版操作都有很大的改善： 原本受限於版面寬度，能夠進行搜尋的圖庫大致不到 10 個。新的版面對於管理而言很方便，圖庫數量可無限增加 原本的設計使用顏色來區分不同功能的圖庫，但對新手而...
繼續閱讀全文ICON 免費素材搜尋引擎﹍一次找齊各大素材圖庫
當初發佈「 CC0 免費圖庫搜尋引擎 」後，有讀者及朋友都建議加入素材圖庫。當時的想法是，這些素材網都不是 CC0 圖庫，因此不適合放在一起，否則授權規定一定十分混淆、容易引起爭端。 不過既然需求還不少，那麼另外做一個專門找素材圖片的搜尋引擎，也是滿有必要的。 這些年來「...
繼續閱讀全文讓網頁表格自動排序﹍實作範例教學 (HTML 線上產生器)
之前寫過一篇「 讓網頁表格能自動排序﹍TableSorter 安裝懶人包 」，只要安裝這個外掛就能達到排序的效果，看起來非常方便。 但最近接到的需求除了要讓表格排序，還得讓案主知道怎麼做出表格來，這下就麻煩了，因為很多站長其實不熟悉 HTML 碼，自然也不知道表格 Table...
繼續閱讀全文網頁插入表格不再麻煩﹍線上產生器 + 可匯入 CSV 檔(Tables Generator)
前陣子剛好多位讀者、客戶都詢問這件事： 如何在文章中插入表格，且能正常顯示，版面不異常？ 如果對 HTML 語法不熟悉的話，網頁要插入表格的確沒那麼容易。過去曾寫過「 Blogger 插入表格的最佳流程 + 自適應寬度 」，文章內容不短，但是瞭解原理、操作熟悉後，經由 Go...
繼續閱讀全文自適應 RWD 圖片語法產生器﹍Picasa 圖床專用
之前「 Picasa 圖床的獨家應用：製作 RWD 自適應圖片 」詳細介紹了 IMG 標籤如何設定 srcset 屬性，讓網頁可根據各種螢幕寬度載入不同尺寸的圖片，手機、行動裝置就能縮短網頁載入時間。 同時全世界的圖床，只有 Picasa 可以做到，上傳一張圖片後，修改網址參...
繼續閱讀全文線上查詢 FB G+ Twitter 社群分享按鈕數據 + 立即檢視 FB G+ 留言板內容
前陣子因為網站改用「 RWD 範本 」，同時在精簡 JS 外掛的前提下，移除了 FB 讚、+1 按鈕，而且 FB 及 G+ 留言板也都不使用了。 現在偶爾想要知道某篇文章的社群分享按鈕累積數據，或是那篇的 FB、G+ 讀者留言內容，就會比較麻煩一些。 於是就做了本篇的線上...
繼續閱讀全文CC0 免費圖庫搜尋引擎﹍2017 版
「 CC0 免費圖庫搜尋引擎 」今年 2017 改版，可說是吸收過去使用經驗後，建構了一個完整的搜索圖片流程。依照不同需求、藉著這個網頁，就能利用各大 CC0 圖庫，找出需要的高畫質圖片。 同時 這次也改善了，以往搜尋結果會參雜廣告圖片(shutterstock)的狀況 。而...
繼續閱讀全文Emoji 表情符號輸入小幫手 (網頁版)
這個「表情符號輸入工具」可以快速找到各種需要的 Unicode 表情圖案，方便留言、寫文章或是即時通使用。 所有圖案都是特別篩選過，可以在各種平台正常顯示。同時操作很簡單，後面會有詳細介紹。
繼續閱讀全文Dropbox 外連產生器﹍可使用於非公開(Public)資料夾
由於「 Google Drive 檔案外連功能將於 2016 年 8 月關閉 」，為了讓曾安裝本站各種工具的讀者，能先找到 JS / CSS 外連的替代空間，因此製作了這個「Dropbox 外連產生器」。 原本 Dropbox 公開(Public)資料夾的檔案，都可取得直接連...
繼續閱讀全文線上檢查 HTML/Javascript/CSS 語法工具, 自動偵測錯誤
前陣子也許 Blogger 在測試新功能，出現了這個「 Blogger 論壇 」貼文提到的異狀，在後台編輯文章的畫面，出現 "您的 HTML 不被接受，結尾標記沒有對應的開頭標記" 這樣的提示訊息。 其實 Blogger 編輯文章時，如果切換到 HTML ...
繼續閱讀全文圖片 ALT 描述自動產生器
為圖片 IMG 標籤自動添加 ALT 描述內容，是 SEO 的重要工作，可為網站增加不少額外流量。但這件事很瑣碎，需要額外花不少時間。 因此 WFU 製作了「ALT 內容自動產生器」，讓這件事變得非常容易。請見本文的操作說明，並前往這個工具的頁面： ALT 內容自動產生器
繼續閱讀全文Google Drive 外連產生器 V2﹍一秒鐘輕鬆複製連結, 支援新舊版雲端硬碟
由於「 Google Drive 檔案外連功能於 2016 年 9 月關閉 」，本站過去寫的所有 Google Drive 外連產生器均已失效， 本篇產生器為 2019.7.23 更新版本，目前確實可用 。
繼續閱讀全文CSS3 漸層語法產生器﹍計數器背景實作(1)
使用 CSS 產生的漸層效果很棒，不過這些複雜的語法參數對一般使用者而言，跟看到天書是差不多的。在這個「 Blogger 中文社群討論串 」 +綜合口味 推薦了這個線上 CSS 漸層語法產生器「 Ultimate CSS Gradient Generator 」，且 +Mark...
繼續閱讀全文活用 HTML/Javascript/CSS 格式化及壓縮工具﹍修改 Blogger 範本的觀念 (3)
隨著範本修改次數增加、範本檔越來越肥大，從最乾淨的狀態不到 100k 直到 2、300k 的情況都在所多有(如果備份時有注意檔案容量的話)，是不是會覺得開啟範本的等待時間越來越久？也難怪網頁開啟時間越來越慢。 進入主題前先回顧一下系列文前兩篇，站長要如何不盲目地修改範本、脫離...
繼續閱讀全文最佳 CSS 3D 按鈕產生器__Button X 操作心得
使用 CSS 語法產生的按鈕，要做的好看不容易；然而圖片式的按鈕雖然畫面呈現較佳，卻需要花費 http 請求時間，也就是會影響網頁載入速度。如果可以的話，使用 CSS 按鈕會是最佳選擇。 網路上有許多線上 CSS 按鈕產生器，可以讓我們輕易取得不少漂亮的按鈕。而本篇要介紹的 ...
繼續閱讀全文