Loaders 讓瀏覽者在等待網頁載入的同時出現動畫圖示

Loaders 讓瀏覽者在等待網頁載入的同時出現動畫圖示

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

§相關文章,還可以參閱:

如何取得 Loaders 所提供的等待圖示動畫原始碼?

1.使用瀏覽器開啟 Loaders 網站,可以看到其中幾個等待圖示動畫。

Loaders 讓瀏覽者在等待網頁載入的同時出現動畫圖示

2.網頁往下捲動還可以看到如何使用及全部的等待圖示動畫

Loaders 讓瀏覽者在等待網頁載入的同時出現動畫圖示

3.點擊任一圖示動畫,再點擊左上的 Source 便可取得相關語法。

Loaders 讓瀏覽者在等待網頁載入的同時出現動畫圖示

Loaders 讓瀏覽者在等待網頁載入的同時出現動畫圖示

自從 Windows 7 作業系統首度出現 GodMode 這個功能後,往後推出的 Windows 8、10、11作業系統都可以沿用,而這個被稱為上帝模式的功能,主要是將分散在 Windows 各處的[ 設定 ]功能,全部集中到一個資料夾內,由於可以掌握 Windows 內的所有設定項目,因此被稱為 GodMode,至於 Windows 11 如何啟用 GodMode 呢?其實與之前的 Windows 8、10 一樣,都是透過一個資料夾,並設定其資料夾名稱,即可以完成設定。

<a href="https://zh.wikipedia.org/wiki/%E5%8F%AF%E7%B8%AE%E6%94%BE%E5%90%91%E9%87%8F%E5%9C%96%E5%BD%A2" >可縮放向量圖形(Scalable Vector Graphics,SVG)</a>是用 XML 來描述二維向量圖形的圖形格式,因此,要看到 SVG圖檔所呈現的圖形,我們可以使用 Edge 或是 Chrome 來瀏覽,如果需要對 SVG 圖形轉檔,也可以來 Iconscout 這個網站,其提供 SVG 轉出成 PNG 、PDF 或 JPG 檔案格式,使用者僅需上傳 SVG 檔案,就可以交由 Iconscout 處理,完成後就可下載,操作簡單且全程無須註冊。