我去年曾介紹過一個很有用的網站工具「instant.page 讓你的網頁載入更即時,只需加入一段程式碼」,透過只有 200 行、壓縮後僅有 1 Kb 左右的 JavaScript 程式碼來讓網站速度變得更快,而它的原理也不難懂,利用瀏覽器 prefetch
技術在使用者點選鏈結前預先取得網頁內容,雖然只有幾毫秒差距,但確實有助於改善網頁的瀏覽體驗。現在這項服務也被不少國際知名公司使用。如果你是一般使用者,透過 FasterChrome 瀏覽器擴充功能也能提升瀏覽網頁時的速度。
Archives for 2 月 2020
ScreenApp.io 透過瀏覽器進行螢幕錄影,可選擇錄製應用程式或網頁畫面
以往要錄製螢幕畫面必須透過螢幕錄影軟體或是瀏覽器外掛,例如 Screencast-O-Matic 就是我非常喜歡的螢幕錄影工具,錄製後還能直接將影片上傳 YouTube,另一款 Activepresenter 也深受不少使用者喜愛,如果你使用 Google Chrome 瀏覽器,可考慮下載 Loom、Screencastify 等擴充功能,也有一樣的效果。
點點簽 DottedSign 數位簽名服務,上傳 PDF 文件在任何裝置快速加入簽名
現在很多文件都是以電子檔形式傳送,例如在 Email 附件夾帶 PDF 檔案,如果需要簽名後回傳,以往作法是列印出來簽名傳真或以實體方式掛號寄回去,像我就經常使用「超商 ibon 雲端上傳文件列印操作教學,免印表機或隨身碟」功能,對於家中沒有印表機、臨時需要將電子檔輸出非常有用。若是情況允許,其實更快速、省錢又環保的方法是直接在電子檔上面簽名,不過大家不一定知道該怎麼做,因此有像是 HelloSign、Smallpdf eSign PDF 線上簽名工具可為 PDF、Word 加入簽名。
DNS Checker 隨機從全球各節點查詢 DNS 伺服器更新紀錄
上次介紹一個很好用的 DNS 紀錄查詢工具 DNSMap,主要功能是查網域名稱在幾個大型 Public DNS 更新情形,剛好有網友在底下留言推薦另一個也很方便的工具 DNS Checker,查詢的全世界網路節點更多、分布也更廣泛,就和「What’s My DNS? 從五大洲 21 個節點查詢網域名稱伺服器紀錄更新情形」一樣。當然這些工具可能無法讓網站達到快速更新 DNS 紀錄的效果,但還是能讓管理者知道當前紀錄更新情形,判斷移轉或設定工作是否完成,這通常需要 24 小時或更長時間。
Counter by Alles 最簡單的免費網站計數器,一行程式碼就能顯示訪客數
Audio Library 音樂庫提供無版權配樂、免費背景 MP3 音樂下載

如果要自行製作影片,通常會需要音樂素材做為背景讓影片更生動活潑,雖然介紹過不少提供音樂音效的網站,但也不是每個網站授權方式都適合,例如僅限於個人、非商業用途就不得用於 YouTube 影片開啟營利的狀況,否則就可能被控侵權或影片遭到消音處理。其實直接尋找官方提供的「YouTube 音效庫」音樂素材會更安全,不過可能很容易和他人重複(如果不介意的話),臉書還有另外一個「Facebook 聲音資料庫」也收錄不少音效素材,若影片會發佈於 Facebook 就能使用。
口罩去哪買?Yahoo 口罩地圖顯示距離最近、還買得到口罩的藥局資訊

為了因應新型冠狀病毒(COVID-19)疫情,今年二月台灣政府開始實施口罩實名制,以確保民眾都能買到口罩,之前曾寫過「哪裡有健保特約藥局?衛福部提供條件查詢和地圖查詢可看口罩數量」也是由中央推動的資訊,後來將口罩剩餘數量明細放上健康保險資料開放服務後就有不少開發者使用這些資訊打造出更好用的口罩地圖服務,對於想買口罩、但又不確定附近藥局有沒有庫存的民眾來說會很有用,至少不用一間一間打電話詢問,也不擔心會浪費時間白跑一趟。
store-badge 判斷使用者裝置顯示對應 App Store、Google Play 商店按鈕
今天在整理瀏覽器的瀏覽紀錄時,無意間發現之前存下來的一個服務 store-badge,對於應用程式開發者來說或許會有用處,特別是開發的應用程式包括 iOS 和 Android 版本,就能提供給不同使用者特定的應用程式商店下載鏈結。簡單來說,大部分網站會顯示 App Store 和 Google Play 的下載按鈕,分別對應不同平台,使用者可依照需求點選並連接到特定的應用程式商店,透過 store-badge 就可以自動判斷使用者的裝置類型。
Palettable 線上產生漂亮配色,以互動方式找出最合適色彩組合
我推薦過不少網站配色工具,像是前段時間的 Colorinspire 我個人非常喜歡(不過好像已經無法連線有點可惜),直接推薦適合搭配一起使用的顏色組合,對於沒有靈感或色彩新手來說很有用,其他還有像是 Google Art Palette 可以從藝術品發掘色彩也是很有趣的工具。之前推薦的 Coolors、ColorSpark 則透過隨機產生的方式快速建立各種顏色,不過顏色之間可能就比較沒有相關性,而配色也應該要考量到不同顏色之間可否互相搭配,對一般使用者來說就會比較棘手。