Loading

SpinKit 馬上就可以套用的網頁 CSS loading 動畫圖示

SpinKit 馬上就可以套用的網頁 CSS loading 動畫圖示

網頁加載時,如果可以給予提示,告訴訪客網站確實有按要求正在動作,相信訪客會比較願意等候,因此,在很多的網站中,會看到利用百分比的進度條、loading 的動畫圖示來顯示,直到加載完成,以 loading 的動畫圖示來說,可以使用 GIF 動畫圖檔來製作,不過前提是須要有 GIF loading 圖檔,另外一種則是利用 CSS 來製作,Tobiasahlin 這個旗下的 SpinKit 網站,提供了以 CSS 為主的 loading 動畫圖示,並提供 HTML 與 CSS 的語法讓有需要的用戶快速套用。

繼續閱讀»»»

Y2Mate.com 貼上 YouTube 影片網址就能下載影片或 MP3

Y2Mate.com 貼上 YouTube 影片網址就能下載影片或 MP3

對喜愛蒐藏影片或有取出影片中配樂的需求者來說,Y2Mate 這個網站應該是個好幫手,其提供兩種下載 YouTube 影片的方法,其一,就是進到 Y2Mate 的網站貼上 YouTube 影片網址來下載,再來就是在影片網址上面加上「pp」變成「https://www.youtubepp.com/watch?v=Ie…」,就能開始下載,簡單又方便。

繼續閱讀»»»

loading.io 可產生 CSS、SVG、GIF 的網頁 loading 動畫圖示產生器

loading.io 可產生 CSS、SVG、GIF 的網頁 loading 動畫圖示產生器

製作網頁如果預期會有較長時間的等待,通常會在等待的時間加入一個 loading 的動畫圖示來告知,避免用戶誤以為網頁沒有反應而離開,想要加入一個等待載入的動態圖示,可以來試試 loading.io 網站所提供可自訂圖示動態速度與顏色的動畫圖示產生器,不但可產生 GIF 檔外,還可產生出 CSS 或 SVG 檔,還提供範例語法,讓你輕易地運用到網頁裡。

繼續閱讀»»»

cssload.net 網頁 loading 動態圖示產生器(CSS3 )

cssload.net 網頁 loading 動態圖示產生器(CSS3 )

在瀏覽網頁的時候,常會看到 loading 動態圖示,尤其是在需要較長時間才能回應的操作上,像是線上影片的觀賞、資料量較大的網頁......等等。想要取得這樣的動態圖示,可以自己製作或是透過 cssload.net 這個免費的網站服務,除了可以利用其提供的 loading 圖示,還可以利用其所提供的工具來編輯該圖示,以取得由 CSS3 語法組成的動畫,來取代 Gif 的動態圖示的缺點,期達到最符合自己網站的要求。
相關應用,還可以參閱:
 

繼續閱讀»»»

loadinfo 替網頁在讀取資料時,加入一個動態的等待圖示

loadinfo 替網頁在讀取資料時,加入一個動態的等待圖示

讀取網頁的速度常受網路頻寬與讀取資料的大小...等因素所限制,因此在設計網頁時,若資料量較大時,通常會加入一個資料讀取的進度條,來告訴使用者,目前在讀取資料的進度,不過要寫在網頁上寫資料讀取的進度條通常不是那麼容易,所以就使用一個等待圖示來代替。loadinfo 就是一個提供該類圖示的網站,可自訂前景及背景顏色及提供 16x16、24x24、48x48 等尺寸。

繼續閱讀»»»

Preloaders.net 線上產生動態圖示,可調整顏色、背景色、尺寸及動畫速度等

Preloaders.net 線上產生動態圖示,可調整顏色、背景色、尺寸及動畫速度等

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

繼續閱讀»»»

請輸入關鍵字


請選擇...


˄