最早介紹 Everypixel 這家公司的產品是「Everypixel 整合 50 個頂尖免費圖庫搜尋引擎,使用演算法過濾不適合圖片還能比價」,簡單來說,很多免費圖庫的相片品質參差不齊,有些…
閱讀全文 »
網站開發
Squircley 線上 SVG 圖片產生器,可製作圓形、正方形或方圓形彩色圖片
今天來介紹一個比較輕鬆、活潑的線上工具。如果你在做設計時需要一些生動元素,加入七彩繽紛的幾何圖形或許是個方法,不過你也可能沒有什麼靈感,這時候就能透過工具幫你產生各種好看的形狀,而…
閱讀全文 »
閱讀全文 »
Svg Wave 線上製作波浪背景圖,調整波峰數或高度產生 SVG、PNG 格式
對於一般內容網站來說,為了使頁面內容有好的可讀性,可能會維持網頁底色為白色或單一顏色,但如果是網路服務或應用程式,想讓背景活潑也能加入變化,例如 Hero Patterns、Back…
閱讀全文 »
閱讀全文 »
CSS Background Patterns 免費背景圖產生器,可建立純 CSS 背景素材
想想後來的網頁比較少有背景圖需求,多半都是以單色為主,如果覺得略顯單調,也能使用紋理材質或漸層色做為背景,例如 Paper-co 就有許多日系的紙張紋理材質可用做背景,不僅看起來可以提…
閱讀全文 »
閱讀全文 »
Sandbox WordPress 產生臨時測試用 WP 環境,可安裝佈景主題外掛
WordPress 分為兩種:WordPress 和 WordPress.com,通常前者也被稱為 WordPress.org 或自架站(Self-hosted WordPress),後者則是…
閱讀全文 »
閱讀全文 »
Website Grader 網站評分工具,免費影音教學影片協助改善搜尋引擎排名
如果想要對網站或部落格進行搜尋引擎最佳化,我通常會建議先去詳細閱讀「Google 搜尋引擎最佳化(SEO)入門指南」,在 Google 釋出的手冊中有提到非常多觀念,適用於各種情境,只要…
閱讀全文 »
閱讀全文 »
Favicon.io 最強大的網站圖示產生器,可線上文字製作或以圖片轉換
前段時間在研究網站圖示(Favicon)如何正確運作,對有在經營網站的站長來說一定知道在網站加入識別圖案的重要性,一般來說,加入網站圖示的作法並不困難,甚至很多網站會說只要一段原始…
閱讀全文 »
閱讀全文 »
Favic-o-Matic 快速裁切、製作各種尺寸大小的 Favicon 網站圖示
最近無意間發現免費資源網路社群在 Google 搜尋結果無法正確顯示網站圖示,也就是大家都知道的 Favicon(Favorites icon),這個小小圖示代表一個網站,經常會顯示於瀏覽…
閱讀全文 »
閱讀全文 »
Screenshot Tracker 擷取並追蹤網頁長截圖,測試在不同裝置顯示情形
網站開發者經常需要測試網頁在不同裝置、螢幕大小的顯示樣貌,以前會針對行動裝置另外製作一個行動版,現在比較普遍作法是使用響應式網頁設計(Responsive web design,簡稱 R…
閱讀全文 »
閱讀全文 »
Black Illustrations 以黑人為主免費插圖集,提供各種圖片格式可商業用途
網路上有不少漂亮、好用的免費插圖集,共同特色是具有相同風格或配色,也有各式主題圖案可以選擇,對於要設計網站、開發應用程式或製作投影片和海報來說非常有用,通常圖片也是一般人最苦惱的部…
閱讀全文 »
閱讀全文 »