˄

Font of Web 輸入網址就幫你找出該網站所使用的字體與下載網址

Font of Web 輸入網址就幫你找出該網站所使用的字體與下載網址

瀏覽網站時,如果遇到喜歡的字體,該如何找出該字體名稱與下載呢?這時候,我們可以透過 Font of Web 這個線上工具來協助,只要輸入該網站網址,便可以找出該網站所使用的字體,並產生該字體的下載連結,但,並非所有字體都能產生下載連結,另外該網站會分析輸入網址的主要的 HTML Tag 像是 h1、span、p...等的與字體相關的 CSS,這對要參考其他網站來定義自己網頁字體的大小、字重或 Line Height 也有參考價值,另外,字體下載須注意版權,該網站並不保證所下載的字體可以用於個人或商業。

繼續閱讀»»»

Cyotek Spriter 自動產出圖片型網頁的 CSS 及 HTML程式碼

Cyotek Spriter 自動產出圖片型網頁的 CSS 及 HTML程式碼

如果不熟悉 HTML 與 CSS ,卻想要將自己所拍攝或蒐集來的圖片,放到網頁上,該如何做呢?Cyotek Spriter 這套免費的應用程式應該可以幫到你,從網頁布局、圖片挑選、CSS 套用、特效等,都可以透過圖形化的介面來操作,完成後,可預覽,並自動產生 HTML 及 CSS 程式碼,省去學習門檻,專注在攝影領域。

繼續閱讀»»»

Gradient Actualizer 色彩漸層圖片產生器

Gradient Actualizer 色彩漸層圖片產生器

雖說現在用 CSS 語法就在網頁上產生漸層效果,不需要用到圖片,但同一種語法各家瀏覽器不見得都能通用就是個麻煩,且如果是做文宣品或非在網頁上顯示的色彩漸層,大概也只能用圖片來實現。Gradient Actualizer 是一套免安裝的漸層色彩圖片產生器,只要設定好三種顏色,就能自動幫由上到下、由左至右、垂直向兩側與水平往上下的色彩漸層圖片,可以旋轉,可以自訂圖片大小,簡單且好用。

繼續閱讀»»»

ICONFinder.com 免費的圖示圖標下載,還提供線上編輯工具

ICONFinder.com 免費的圖示圖標下載,還提供線上編輯工具

文宣品或網頁的設計上,常會以圖示來代替文字,而這個圖示通常會讓人一看就懂,例如以一個電話來代替連絡電話這四個字,想要取得這些讓人一看就懂的圖示,網路上有很多免費的資源可以應用 ICONFinder.com 也是其中的一個線上網站,其提供的圖標並非全然都是百分百的免費,但免費的圖標卻也有不少,且每個圖示都提供 PNG 與 SVG 的圖檔格式供用戶下載,如果需要加以編輯,也不用傷腦筋找編輯軟體,ICONFinder 可以直接將選中的圖示轉到線上編輯工具,讓用戶編輯好之後再下載。

繼續閱讀»»»

TestSize 測試網頁在不同的電腦螢幕尺寸中所顯示的效果

TestSize 測試網頁在不同的電腦螢幕尺寸中所顯示的效果

相同的網頁在不同尺寸的電腦螢幕上所呈現的頁面視覺效果可能有些不同,通常網頁設計師,為了方便來訪的使用者,都會盡量減少使用滾動條(scrollbar)尤其是下方的左右滾動條。TestSize 是一個免費的線上服務,只要將給予網址 URL,內建有固定的 640X480、800X600、1024X600、1024X800、1280X1024、1366X768 及 1920X1024,或是自行輸入要測試的尺寸,就能測試網頁在不同的電腦螢幕尺寸中所顯示的效果。

繼續閱讀»»»

 訂閱本站文章

 站內搜尋