CSS.GG 超過 700 個以 CSS 製作免費圖示 SVG、Figma 多種格式下載

CSS.GG 超過 700 個以 CSS 製作免費圖示 SVG、Figma 多種格式下載

CSS.GG 是一套開放原始碼、以 CSS 繪製而成的免費圖示集,收錄超過 700 個圖示圖案,提供 CSS、SVG、Figma 等多種格式,因為是以程式碼刻製,整套圖示檔案非常小(僅有 316kb),如果不想載入整套圖示集也可單獨取得特定的圖示,透過線上預覽功能調整尺寸大小、顏色等設定,亦可取得 CSS、SVG 和 TSX 程式碼。

開啟 Chrome 分頁群組,對網頁標記顏色和標籤分類

開啟 Chrome 分頁群組,對網頁標記顏色和標籤分類

現今瀏覽器使用分頁管理不同的網頁,讓使用者可以在單一瀏覽器開啟無數個頁面,這對於大家來說應該熟悉到不行,這些年分頁設計似乎也沒有太多變化,像是 Google Chrome 分頁懸停提示功能好像也有點多此一舉的感覺,後來乾脆就把它直接關掉;之前要手動開啟的分頁凍結(Tab Freeze)後來好像也直接整合進去瀏覽器,現在已經找不到選項。如果你很依賴瀏覽器的分頁,接下來要介紹的這個功能你或許會用得上。

Snapfont 在網頁即時套用測試 Google Fonts 和本機字型顯示效果(Chrome 擴充功能)

Snapfont 在網頁即時套用測試 Google Fonts 和本機字型顯示效果(Chrome 擴充功能)

對中文網頁來說,CSS 字型設定一直是個麻煩的問題,想直接載入字型檔案容量太大,拖慢網頁速度、耗費過多流量,通常會使用網頁字型解決,像是 Google FontsAdobe Fonts(以前叫作 Typekit)就有提供思源黑體思源宋體等中文網頁字型,只要加入一段 JavaScript 程式碼並調整一下 CSS 樣式表就能使用,讓網頁的中文部分更易於閱讀,設計看起來也更有質感。

關閉 Google Chrome 瀏覽器分頁的分頁懸停提示功能教學

關閉 Google Chrome 瀏覽器分頁的分頁懸停提示功能教學

每一次的瀏覽器大版本更新都會帶來許多變化,有些檯面上看得到,更多是在瀏覽器底下看不到的更動,例如在速度、效能或安全性方面的提升,但這就如同作業系統更新,總會遇到新版變得很難用或無法適應的情形,於是有人會選擇停留在舊版,或是暫時使用穩定的版本。十月底 Google Chrome 78 更新後帶來許多新的功能,像是深色模式、內建密碼檢查工具(Password Checkup)等等,而 Mozilla 也帶來全新 Firefox 70 更新。

啟用 Google Chrome 69 精簡網址設定,將完整網址隱藏網址列更簡潔

啟用 Google Chrome 69 精簡網址設定,將完整網址隱藏網址列更簡潔

這次 Google Chrome 69 更新後有了不少異動,其中最明顯的是介面設計變得完全不同,雖然我個人很喜歡,但也看到許多朋友抱怨,於是寫了一篇教學教大家返回舊版介面,需要的話不妨參考一下之前的文章。而另一個顯著變化是網址列的呈現方式,Safari 瀏覽器好像很早之前就已經開始不顯示完整網址,但 Google Chrome 從 69 版後才開始這項功能,比較妙的是一開始設定為預設選項,或許是收到太多建議,在下個更新又把設定改回顯示完整網址。

不習慣 Google Chrome 69 全新介面設計?使用此設定可返回舊版介面

不習慣 Google Chrome 69 全新介面設計?使用此設定可返回舊版介面

Google Chrome 瀏覽器更新到 69 版後,會發現操作介面已經變得跟原本完全不同!一直耳聞 Google Chrome 即將更新介面,直到看到新設計已經是今天早上的事了。新介面設計讓每個分頁標籤變得不那麼分明,顏色轉淡,邊角的處理也變得更圓滑,但我覺得細節看起來是很舒服的,不過對於設計或配色每個人喜好不同,一定會有人喜歡也有人不喜歡。

Font Swap 在任何網頁快速更換字體,從 Google Fonts 選擇免費字型一鍵套用(Chrome 擴充功能)

Font Swap

有時候在瀏覽某些網站時會覺得網站使用的字型很醜、很不好閱讀,除了聯絡網站管理者調整,或使用類似 Mercury Reader 工具來開啟閱讀模式,還有其他更好的解決方法嗎?就我所知有一些瀏覽器外掛可快速更改網站字型,不過對一般使用者來說還是稍嫌困難,若有類似需求,本文要介紹一款非常好用的外掛「Font Swap」,可以快速將網站的標題、內文套用成 Google Fonts 裡任何字體。

PSDBoom 免費 PSD 設計素材,收錄各式背景、網頁模版、LOGO 及印刷品下載

PSDBoom 免費 PSD 設計素材,收錄各式背景、網頁模版、LOGO 及印刷品下載

雖然不是非常擅於收集各式設計素材,但發現不錯的網站,還是會找機會寫篇文章來推薦一下,最近無意間又看到一個 PSDBoom 網站,從名稱或許你已經猜到它的用途,這個網站以收錄 PSD 素材為主,類似於之前介紹過的 PSD RepoFreebbble,如果你平常工作中會用到各式的設計圖檔,可以將這網站加入書籤,列入尋寶範圍。

InVision 釋出「Chat」使用者介面 UI 設計包免費下載(Sketch & Photoshop)

InVision 釋出「Chat」使用者介面 UI 設計包免費下載(Sketch & Photoshop)

不知道大家有沒有聽過 InVision 呢?這是一家總部位於紐約的公司,主要提供設計師共享設計原型,利用這個平台可以更輕易與其他人討論、修改設計,同時也可以獲得更為即時回饋。利用 InVision 讓設計不再是設計師或設計團隊的工作,全體員工都能參與,以創造出更精緻的設計,使用者也能獲得更好的使用體驗。

Jukedeck 為你的影片或專案計畫製作獨特免費配樂,無版權限制、可免費下載使用!

Jukedeck 為影片或專案製作獨特免費配樂,無版權限制

對於創作者來說,音樂素材一直是個很頭痛的問題,一般取得音樂授權的價格並不便宜,若要用在一些小型作品上,好像又不太可能去找音樂團隊來編曲製作。先前我介紹過一些可以合法取得、使用音樂音效的網站,我已把它整理為「20 個免費下載創用 CC 授權音樂的網站彙整」,Rubber Tracks Sample Library 錄音室等級配樂、音效素材資料庫也是個不錯的選擇,或者,另一個更多人知道的 YouTube 音樂庫,提供了可下載於專案使用的免費音樂。