標籤: CSS產生器

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

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

Read More

CSSFX 最美的 CSS 動態效果一鍵複製,提升使用者操作體驗

前陣子介紹過「CSSeffectsSnippets 收錄 CSS 動態效果,線上預覽一鍵複製程式碼」這個很有趣的網站,事實上現今 CSS 樣式表可以做的事越來越多,甚至透過幾段原始碼達到動態效果,看起來不僅互動性高,還能提升使用者體驗,完全不用額外載入其他的 JavaScript 程式庫,只不過這些原始碼不一定每個人都會寫,利用 CSSeffectsSnippets 網站直接線上預覽,找到需要的動態效果後就會給出相關 CSS 原始碼(和早期在學習做網頁很像)。

Read More

CSSeffectsSnippets 收錄 CSS 動態效果,線上預覽一鍵複製程式碼

網頁設計師或網站開發者一定對 CSS 不陌生,CSS 中文是階層式樣式表,通常會簡稱為樣式表,主要是用來控制網頁中看到的各種樣式,例如文字大小、間距、背景色、頁面布局或各種元素呈現的方式。隨著現今大部分瀏覽器都已經支援 CSS3,在 CSS3 也加入許多新的功能,其中也支援動畫和立體效果,這都讓網頁能有更多更不同的變化,也不需要再使用舊方法,讓效果在編寫及管理上更輕鬆。

Read More

Tables Generator 線上製作產生表格 HTML、LaTeX、Markdown 原始碼

如果有接觸過網頁設計或曾經嘗試在網站、部落格放入表格,應該會覺得表格(Tables)是一個非常難搞的東西,不但原始碼複雜,沒有所見即所得編輯器似乎也很難直接寫出來,而在瀏覽器上使用的網頁編輯器又很難修改表格內容,有時候從其他文書處理工具直接複製貼上就會自帶很多用不到的程式碼,程式碼看起來很髒又無法符合當前的頁面風格,總之表格一直是很多人的痛,我也很少在網頁中用到表格,不過表格還是呈現一些數據相當好的方式。

Read More
Loading