Multi Screen Test 測試網頁在不同裝置、螢幕解析度顯示效果
近幾年已進入所謂的「多螢時代」，除了電腦外，可能許多人也同時擁有智慧型手機或是平板電腦，為了應付不同的畫面大小需要，網頁開發者也必須適當修改網頁，才…
網頁設計
閱讀全文Multi Screen Test 測試網頁在不同裝置、螢幕解析度顯示效果
選擇你喜愛的顏色，線上產生 Material Design 風格配色建議
Google 在去年 Google I/O 大會發表 Material Design 設計規範，也為市場帶來新一波設計風潮，同時確定了 Google 日後的設計方向。在這個設計裡有一個特色是「…
Unsplash It 直接取用免費圖庫相片素材，產生網頁設計、開發應用程式用的特定大小佔位圖片
之前寫過一篇「Unsplash 高解析度免費圖庫素材，適用於個人或商業專案」介紹，不知道大家還記得嗎？這是我平常找圖片時固定會用的免費圖庫，而本文要介紹的 Uns…
GitHub 釋出開放原始碼免費圖示 Octicons，開發者可自由下載或用於商業專案
還記得嗎？GitHub 之前將網站前端 CSS 設計框架開放原始碼釋出為 Primer 專案，為廣大開發者提供了更大的靈活性，而最近更把 GitHub 使用的圖示一併整理後釋出…
Thimble by Mozilla 線上程式碼編輯器，讓你輕鬆學習編寫 HTML、CSS 和 JavaScript
Pseric 國中開始接觸網頁設計，還記得當時使用的是 FrontPage 編輯器，是一款修改後可立即看到網頁效果的軟體，搭配工具書，讓我逐漸學會簡單的 HTML。後來雖然…
PrestaShop 設計團隊將官方圖示集開放原始碼釋出，可免費下載用於網站或專案
PrestaShop 是一個提供購物商店網站的平台，除了可在服務上建置購物車，也能把程式碼下載回來自己搭建，不過這篇文章不是要介紹 PrestaShop，而是這家公司…
FontReach 收錄百萬網站網頁字型使用情形，列出最熱門字型排名
網頁字型（Web fonts）發展歷史可以回溯到 CSS2 規範的 @font-face 屬性，這是一種讓網頁字體有更多變化的技術，即使電腦沒有安裝對應的字型檔案，也能透過瀏覽…
Animaticons 免費下載漂亮、可個人化動畫 GIF 圖示集
根據我的經驗，要尋找免費圖示的網站不少，但若要找會動的動態 GIF 圖示，相對來說就少很多，畢竟 GIF 圖示在開發難度上會更困難一些，大部分都要付費才能取得…
Placemat 漂亮的佔位圖片產生器，開發網頁快速嵌入特定尺寸範例圖片
如果你的工作是網站設計或前端開發，那麼可能會需要用來填充版型、預覽效果的範例圖片和文字，文字可以使用假字假文產生器來建立，圖片部分則必須尋找佔位圖片…
Website Grader 計算你的網站各項優缺評比，免費提供最佳化修改建議
相較於付費投放廣告，將搜尋引擎最佳化（SEO）做好做滿或許是更為長久之計，讓網站能持續在搜尋引擎曝光，帶來更穩定成長的流量。一般提到 SEO，可能很多人不知…