記得以前剛開始練習自己架站時,什麼都會想要自行搭建,像是內容管理系統、討論區、Email、DNS 和網站監測工具等等,通常在這過程可以獲得不少成就感,更重要的是自己架設比較省錢。那段時期我摸索了不少現今依然存在且持續開發維護的開放原始碼專案,現在回想起來覺得很有趣,也累積很多對日後有用的經驗。
軟體開發
useAnimations 免費動態圖示下載,可用於應用程式或網站介面開發
Mockdown 線上將軟體介面、網頁或應用程式擷圖轉為 Mockup 視覺稿

如果從事網頁設計相關工作應該很常聽到一個名詞「Mockup」,中文稱為模型或原型,若翻譯成「視覺稿」可能比較容易理解,Mockup 通常在「Wireframe」(線框圖)之後,為了讓整體畫面更貼近最終成果,會將一開始的草稿線條圖加入更多視覺元素,例如將排版、圖形和配色呈現出來,也就能夠得出最後設計稿,而在我向設計師朋友詢問後得知 Mockup 通常是透過 Photoshop、Sketch 或 Adobe XD 等軟體繪製。
OpenMoji 開放原始碼免費表情符號,彩色單色 SVG、PNG 格式免費下載
Screen Sizes 常用手機、平板電腦和顯示器螢幕尺寸大小、寬度等資訊查詢

無論是智慧型手機、平板電腦或一般桌上型電腦螢幕都擁有各種螢幕尺寸,雖然是照著通用解析度比例下去設計,但開發人員往往很難馬上意會到某個品牌、型號的螢幕大小為何,還好現在只要幾秒鐘就能 Google 找到官方的技術資訊,對於網站或應用程式開發很有用,如果你會需要用到關於裝置、螢幕大小和寬度等資料,可將本文介紹的網站加入書籤。
Device Metrics 應用程式開發必備!Google 收錄筆電、行動裝置及穿戴裝置螢幕規格細節查詢

伴隨著各種大小尺寸的行動裝置問世,對開發者來說,這也是另一個不得不克服的問題,尤其是如何讓應用程式支援更多螢幕尺寸或在各種平台使用,當然最好的方式是先鎖定最大、最廣泛使用族群,目前來說行動裝置為 iOS、Android,電腦則是 Windows 和 macOS 兩大作業系統。如果你是應用程式或軟體開發者,應該會需要一份包含各種主流裝置的技術細節。