還記得之前介紹過 ColorSpark 隨機產生配色或漸層色組合,協助設計師在開發網頁或應用程式時獲取配色靈感嗎?其實類似的色彩工具還不少,而且很多都有提供使用者快速隨機選色功能,有時候真的沒什麼想法,透過隨機展示可能會有收穫,如果你又不擅於程式碼,網站也會直接提供對應的 CSS 原始碼,方便帶入樣式表使用。除了配色外,字型也是影響使用體驗的重要因素,現在你有更直覺的方法挑選字型。
網站開發
NGINXConfig 網頁伺服器 NGINX 設定檔產生器,依需求產生各種 conf 檔
Blend 網頁漸層背景產生器,選擇顏色即時預覽建立 CSS 原始碼
現在很常在網路服務或網站上看到漸層背景應用,記得早期都必須使用圖片堆疊出來,不過後來已經可以寫入 CSS 樣式,只要指定顏色代碼和呈現方式即可。雖然知道有這功能,但要立即寫出來好像也不是那麼容易,還好有網站可以參考,例如 Gradient Backgrounds 收錄各種漸層背景產生器的一站式工具,簡單一點還有 ColorSpark、CoolHue 這類漸層色組合產生器,可快速建立 CSS3 語法,複製到網站就能套用。
NES.css 任天堂紅白機風格 CSS 框架!讓網站帶有復古 8-bit 效果
Google 推出全新網站檢測服務「Web.dev」,協助開發者打造現代化網頁
如果要說有什麼技能是網站經營者必備,搜尋引擎最佳化(SEO)大概歷久不衰,雖然看起來很容易,其實背後的學問很多,而且得依照時間不停的更新學習才行。每個人都會有一套自己的最佳化心法,對於不同類型的網站來說可能操作方式也不太一樣,但我始終認為 Google 相關工具非常具有參考價值,包括大家熟悉的 Google PageSpeed Insights 和搜尋引擎最佳化入門指南工具書,兩者在今年都有更新。
如何讓網頁變成黑白?使用 CSS Filter 套用濾鏡樣式表教學
上個月台灣發生震驚社會的宜蘭普悠瑪列車出軌事故,造成許多旅客輕重傷甚至死亡,也對台灣交通運輸安全打上一個大大的問號,各種資訊隨著時間不斷被揭露出來,讓我懷疑需要多好的運氣才能平安度過每一天?發生憾事後再多道歉和賠償也無法撫平傷痛,或許平常就該認真謹慎面對所有大小事情,扣除天災更多的是人禍,往往都是過於疏忽怠慢、不夠嚴謹造成的。
OpenMoji 開放原始碼免費表情符號,彩色單色 SVG、PNG 格式免費下載
Favicon Checker 測試網站圖示在不同瀏覽器、佈景主題配色的顯示效果
Facebook 推出「顧客聊天外掛程式」為 WordPress 快速加入聊天外掛功能
去年底 Facebook 推出「顧客聊天外掛程式」(Customer Chat Plugin),也就是將現有的聊天室功能串接到一般網站、部落格的實用工具,對於需要提供客戶服務來說也非常有用,不用受限於 Facebook 粉絲頁面,從網站裡一樣可以進行線上交談,通常會拿來做購買前諮詢或售後問答服務。我之前寫過一篇 「Facebook 顧客聊天外掛程式將 Messenger 嵌入網站提供即時通訊教學」,要將外掛工具放入網站並不會太困難,只需要修改一下程式碼即可。
loremizer 把網站內的文字或圖片替換為範例文字或圖庫素材(Chrome 擴充功能)
對於平時經常擷取螢幕畫面的使用者來說,很多時候都得搭配繪圖軟體將重要資訊模糊或隱藏,例如不想洩漏的 Email、使用者名稱(帳號)或信用卡卡號等等,之前曾介紹過「Image Blur 線上為圖片特定範圍加入模糊特效,遮蔽重要資訊更方便」就相當有用,把圖片上傳選取要模糊的範圍就能有類似馬賽克效果,但我想起更早之前曾推薦過另一款 Status Snapper(已無法使用)更實用,會自動模糊網站中的重要資訊,讓你在擷圖時不用手動編輯處理圖片。