今天這篇文章來介紹比較輕鬆的小工具吧！大家都會使用自己的照片當作大頭貼嗎？或許對有些人來說放上照片還是顯得太私密，就會改以其他圖片替代，網路上有各種幫你製作大頭貼的產生器，能打造出屬於你個人的專屬圖片，相較於隨意找一張圖片當作顯示圖片來說，這些產生器製作的頭像更個性化，也比較沒有使用上的問題。
平面設計
PlaceKeanu 把基努李維照片拿來做佔位圖，以網址產生特定尺寸圖片
如果說到最喜愛的好萊塢演員，我想很多人可能會回答基努李維（Keanu Reeves），小時候第一次看《捍衛戰警》令人記憶猶新，還有後來經典《駭客任務》系列和《康斯坦汀：驅魔神探》等電影，這幾年掀起一波 John Wick 熱潮，我最近也在 Apple TV 上重溫最早的前兩集，雖然是一部浮誇的電影，但不得不說這個角色太適合他。
Public Sans 美國政府設計免費英文字型，開放原始碼可自由下載使用
美國政府稍早公佈新的開放原始碼字型「Public Sans」，這是修改自經典英文字體 Libre Franklin Font 的開源版本，比原有字體清晰，也對於一些細節部分進行過調整，對於目前多螢幕閱讀來說有更好的易讀性。USWDS（U.S. Web Design System）是美國總務管理局（U.S. General Services Administration，GSA）正在進行的專案項目，其中包括程式碼函式庫、工具程式和設計指南，用來協助美國聯邦政府快速建立網站，Public Sans 正是 USWDS 2.0 的一部分，使用者可從 GitHub 免費下載。
Screen Sizes 常用手機、平板電腦和顯示器螢幕尺寸大小、寬度等資訊查詢
無論是智慧型手機、平板電腦或一般桌上型電腦螢幕都擁有各種螢幕尺寸，雖然是照著通用解析度比例下去設計，但開發人員往往很難馬上意會到某個品牌、型號的螢幕大小為何，還好現在只要幾秒鐘就能 Google 找到官方的技術資訊，對於網站或應用程式開發很有用，如果你會需要用到關於裝置、螢幕大小和寬度等資料，可將本文介紹的網站加入書籤。
Geomicons 免費 SVG 平面圖示集下載，為網頁設計開放原始碼
網頁圖示（Web icons）已經成為這幾年網頁設計相當重要且不可或缺的元素，印象中早期是採用插入圖片的作法，但這會因為載入大量圖片而造成請求數大幅增加等問題，連帶也會拖慢網頁速度，後來有人想出「CSS Sprites」將所有圖片合併成一張，再以 CSS 語法調整顯示的位置，就能讓圖片載入一次情況下做更有效率的應用。
閱讀全文 » 關於 Geomicons 免費 SVG 平面圖示集下載，為網頁設計開放原始碼
Pelican Facebook 為臉書開啟「簡約」和「專注勿擾」模式（Chrome 擴充功能）
相信現今大部分使用者每天都會打開 Facebook，無論是不是花太多時間黏在上面，不得不說臉書確實非常殺時間，可能看著動態消息一不小心就過了半小時，對於生產力好像沒有什麼幫助。有許多工具可以強迫「禁止」你在上班工作時使用 Facebook，但如果沒有足夠的自制力大概也於事無補，畢竟工具是自己安裝上去的，要不要用也是取決於自己。
閱讀全文 » 關於 Pelican Facebook 為臉書開啟「簡約」和「專注勿擾」模式（Chrome 擴充功能）
Omg-img 用一段程式碼快速插入免費圖示，可自訂顏色、大小和樣式
相信大家對於之前介紹過的「Icons8 免費圖示 iOS、Windows、Android 扁平化風格打包下載」還有印象，簡單來說 Icons8 是一個收錄大量免費圖示的網站，除了直接從網站下載圖片檔的傳統用法，還提供免費的 CDN 網址能直接取用、將圖示放入自己的網站或開發專案，這項功能可加速圖示載入速度，節省網站流量，同時讓圖示運用變得更省事，最近才發現原來 Icons8 還提供另一個很方便的免費圖示小工具。
閱讀全文 » 關於 Omg-img 用一段程式碼快速插入免費圖示，可自訂顏色、大小和樣式
FREE LINE DESIGN 免費下載 400 種分隔線圖案，向量點陣圖素材可商用
分隔線在網頁設計裡聽起來好像有點古老，印象中一開始學習網頁時 FrontPage 就已經內建分隔線工具，後來使用的人慢慢變少，不過在一些日本網站中還是很常看到分隔線蹤跡，尤其是設計很可愛又精緻的日系網站，通常會以圖案來取代單調的直線。當然圖案除了有區分內容的功能外，還能使網站看起來更生動有趣，但這類素材其實並不好找，從日本網站或許可以挖掘兼具美感和功能性的分隔線圖案。
閱讀全文 » 關於 FREE LINE DESIGN 免費下載 400 種分隔線圖案，向量點陣圖素材可商用