Loaders

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

網頁在呈現之前是需要運算及傳輸時間的，如果可以在這個等待時間加入一個進度條，讓瀏覽者知道還要等多久，會是較理想的網頁設計，但進度條的準確度會受到很多條件的限制，因此，大部分的網頁都是提供一個等待圖示動畫，藉此提示瀏覽者，不需要有多餘的動作靜待網頁呈現。以往要加入此類的等待圖示動畫，我們會使用 Gif 圖檔，而現在我們可以更方便的使用 JavaScript 或是純 CSS 就能加入，Loaders 這個網站提供獨特且具有質感的 24個免費 loader ICON，每個均提供 REACT、HTML 及 CSS 原始碼，讓網頁設計使用 loader ICON可以更方便且有更多選擇。

網頁處理、運算、傳輸都需要時間，如果讓使用者乾等待，就容易產生當機的錯覺，因此，在這段時間產生一個提示訊息藉此告訴使用者耐心等待是有必要的，而現行網頁最常見的就是使用等待動畫圖示，負責處理到呈現這段時間的呈現，這個動畫可以使用 GIF 圖檔，也可以使用純 CSS 語法打造，24 PURE CSS3 PRELOADERS 這個網站展示了 24個純 CSS 等待動畫圖示，只需在網頁中引用該 CSS 檔案，就可輕易實現等待中使用動畫圖示來提示。

瀏覽網頁之所以會覺得網站可能沒有回應，原因有可能出在網頁需要運算時間較久、網路傳輸速率較慢或的數據過多...等等，總之，在這之前如果適時地放上一個等待圖示或是加載中，請稍後...的字樣，都比讓用戶空等帶來的好，如果是要放等待動畫圖示，GIF 是個選擇，而另一選擇則是使用 CSS，Uiball.com 這個網站提供 24個以 CSS 打造的等動畫圖示，喜患的就可以直接複製其 html 與 css語法，直接放到想要顯示的位置即可。

若想美工自己的網頁，圖示肯定少不了，網路上有提供可下載圖示類的網頁素材網站也不少，像是 VistaIcons.com 提供豐富且風格一致的成套 ICO 圖示，且均附 PNG 檔案、Preloaders.net 線上產生動態圖示，可調整顏色、背景色、尺寸及動畫速度等 及 ajaxload.info 網頁資料讀取時的等待圖示 都是不錯的美供應用圖示。WebSiteIcons 所提供的圖示雖不多，卻是相當精美，且附上 PNG 圖檔，方便後續的編輯。

Youtube Downloader 是 Soundloaders 網站其中一項輸入 Youtube 網址就轉 MP3 檔案下載的免費服務，真的就如敘述這樣，輸入 Youtube 網址就下載成 320Kbps 位元速率的 MP3檔案，無廣告，完全不拖泥帶水，直接下載。

Preloaders.net 是一個提供了相當多且精緻的等待或下載(Loading) 的動態圖示免費樣板，只要選擇喜歡的圖示樣板，簡單的進行一些圖示的參數設定，像是圖示的顏色、背景色、尺寸大小及動畫速度...等等，就可以線上產生所選樣板圖標並下載。