在設計網頁或是配置版面時經常會需要預先保留圖片位置,讓開發或示範時使畫面更接近最終樣貌,如果手邊的圖片還沒處理,我們可以透過佔位圖片(Placeholder)呈現出特定大小的圖片範圍。簡單來說,佔位圖片產生器利用網址直接調整、產生特定尺寸範例圖,省去必須自行裁切圖片的麻煩,因為是以網址形式載入圖片,即使沒有下載圖片依然能在網頁上顯示,我曾介紹過的 Unsplash It、Placekitten、Placemat 和 PlaceKeanu 都是類似應用。
產生器類
線上產生器列表,包含常見的身份證產生器、隨機密碼產生器、捲軸產生器、CSS產生器與任何有趣實用的產生器。
Calndr 產生加入行事曆連結,支援 Apple、Google 點選快速帶入活動資訊

每天要處理的事情很多,為了妥善管理時間、避免遺漏任何行程,每個人都會有自己習慣的提醒方式,例如加入行事曆或待辦事項。除了實體的月曆桌曆,手機行事曆也是非常好用的工具,我也都會順手把要參加的活動、會議或是行程新增到手機提醒。如果你想建立一個活動,邀請其他人參加,避免大家忘記時間應該要附上快速加入行事曆的功能。
Favicon.io 最強大的網站圖示產生器,可線上文字製作或以圖片轉換
ToHTML 將程式碼上色轉為 HTML 使用於網頁更易於閱讀

為了讓閱讀程式碼更方便,編輯器通常都會內建高亮(Highlight)功能,上色後讓使用者編寫原始碼更流暢,如果想在網頁上呈現類似效果,WordPress 有外掛程式提供程式碼高亮功能,或是使用 GitHub Gist 服務轉換後貼到網頁上也能達到類似效果。之前曾經介紹過像是「hilite.me 線上將程式碼加上高亮效果,免載入 JavaScript、CSS」可以直接將代碼轉為帶有色彩的 HTML 原始碼,或是使用 Carbon 轉為圖片也很特別。
Favic-o-Matic 快速裁切、製作各種尺寸大小的 Favicon 網站圖示
Pikaso 將推文擷取為圖片,分享到 Instagram 或其他社群網站
htaccess tester 設定檔語法檢查工具,測試伺服器 Rewrite 寫法是否正確
如果有使用 VPS、獨立主機(Dedicated Servers)或雲端主機架設過網頁伺服器,一定對 Apache 不陌生,當今有很多自動化的安裝設定工具,例如 ServerPilot 或 RunCloud 等等服務,可能比較少接觸到伺服器的設定檔,但一定會遇到相當重要的設定檔 .htaccess
。簡單來說,這是 Apache 檔案目錄系統設定檔的預設檔名,比較常應用在設定網址重寫(URL Rewrite)或是一些安全權限管理,例如在「11 個強化 WordPress 網站安全的 .Htaccess 設定技巧」就有不少設定範例。
鍵盤防疫!Social Distancing Works 上傳你的大頭貼加入口罩效果

在新型冠狀病毒(COVID-19,武漢肺炎)持續肆虐下,各國都開始提升防疫層級,例如台灣從 19 日起禁止外國人入境,24 日起禁止旅客從台灣轉機,主要是避免疫情從較為嚴峻的歐美再傳回到台灣。當然做好自主健康管理也很重要,像是衛福部不斷宣導要戴口罩、勤洗手、盡量避免到醫院或人多的公共場所,都能夠降低被傳染的風險。
以 Google 雲端硬碟將 Office 文件發布到網路,免下載也可嵌入網頁瀏覽
Qurb 線上 Mockup 產生器,擷圖套用 iPhone、MacBook 外框更有質感
擷取網頁或應用程式畫面並不困難,除了使用內建的螢幕擷取工具,也有很多擷圖軟體可以選擇,像是 WinSnap、FastStone Capture 或是 Mac 上的 TechSmith Screenshot 等等軟體,當然擷圖軟體可以提供更多更細部的功能和選項,但內建就好在速度快與操作方便性了吧!後來使用 Mac 內建的擷取工具習慣後我就捨棄其他第三方應用程式,除非需要用到劃線、標記或處理特定部分才會使用 Skitch(馬賽克的話則是使用 Redacted)。