Buttons

Uiverse 是一個匯集數千個由 CSS 或 Tailwind 精心設計的網頁元件線上工具。從 Buttons、Checkboxes、Toggle Switches、Cards、Loaders、Inputs、Radio Buttons、Forms、Patterns 到 Tooltips，涵蓋了網頁設計中常見的各種元件。每個元件都提供 HTML 和 CSS 原始碼，讓使用者輕鬆取得並直接應用於網頁。Uiverse 不僅提供了線上範例，讓使用者快速預覽效果，還具有社群驅動的特點，所有的 UI 元素都由熱衷的社群成員貢獻製作。這些元件完全免費，並以開放原始碼的形式提供，可在個人和商業項目中自由使用。這個資源庫為設計師和開發者提供了極具靈感的創意空間，讓網頁元素的選擇變得更加豐富多樣。

UI Buttons 是個為網頁提供各種可與使用者互動按鈕的網站，每個按鈕範例均有實例展示，遇到合適的還可以直接複製其提供的 HTML 及 CSS 語法，貼到網頁想要使用的位置即可，相當方便，即便是不用，也可以從中學習 CSS 語法，增加自己排版功力。

製作網頁時，難免會有需要讓使用者點擊的地方，若只是用文字來敘述，雖然簡單明瞭，但卻顯得單調，想要放個按鈕圖示，但卻又礙於要使用圖片，牽涉較廣，若有這些問題，可以來試試這個可以說是 CSS 按鈕寶庫的 Buttons 線上 CSS 按鈕產生器，不但提供 Flat、Glow、Rounded、3D、Border、Pill、Circle、Dropdown(下拉選單)、icon、Square、Block 等各式各樣的按鈕，且配色相當豔麗，使用上更是簡單，只需在網頁特定位置，載入相關連結後，複製想要使用的按鈕樣式到網頁想要應用的位置即可。

階層樣式表 (Cascading Stylesheets；CSS) 主要用來塑造網站的特殊風格，例如有段文字要用紅色來標明重點或是網頁版面要呈現2欄或 3欄的架構等等，對初學者而言參考別人寫好的 CSS 語法，可以快速增加對 CSS 的靈活運用，「Copy & Paste CSS」 是個提供 Buttons 及 Box-shadows 的模板網站，使用者可以透過其展示的樣式，如果符合自己的需求，便可以複製其 CSS語法，然後套用到自己的網頁，另外，該網站的 Color palettes 還提供已搭配好的顏色組合，供你複製帶走。

Free JavaScript Editor 是一套同時具有 HTML 及 Javascript Intellisense 功能的免費網頁整合編輯器，以免費的網頁編輯器來說，是相當難得的，不過 Intellisense 的功能在 Free JavaScript Editor 的版本中只能使用 21天，這是唯一的限制，其他來說還是相當好用，在 Javascript 程式碼中，也內建了相當多實用型的程式碼，像是 Buttons and Links Effects、Dates and Clocks、Document Effects...等等，只要稍微編修改下就能應用，就算不拿來編輯網頁，用來參考這些實用性的 Javascript 程式碼及應用都相當值得。

在社群網站當道的時代，多數的網站都免不了要向其靠攏，在自家網頁上擺上社群網站的分享按鈕，方便使用者可快速地分享。想要在網頁上放置社群網站的分享按鈕，最快速的方法莫過於使用 Simple Sharing Buttons Generator 這個 HTML + CSS 線上產生器，只要挑選好所要的風格與所需的社群網站，再依序回答幾個問題，便能快速產生出分享按鈕的語法，方便你在網頁上的應用。