12/08/2018, 14:43

20 icons loading cho website (Part 1)

Tốc độ internet ngày càng tăng giúp cho việc load 1 trang web nhanh hơn rất nhiều. Tuy nhiên trong nhiều trường hợp hay vì 1 vài lý do mà một số trang web vẫn cần 1 khoảng thời gian để có thể tải được hết nội dung của nó. Nhưng có một vấn đề là nếu để cho người dùng nhìn thấy từng phần của trang ...

Tốc độ internet ngày càng tăng giúp cho việc load 1 trang web nhanh hơn rất nhiều. Tuy nhiên trong nhiều trường hợp hay vì 1 vài lý do mà một số trang web vẫn cần 1 khoảng thời gian để có thể tải được hết nội dung của nó. Nhưng có một vấn đề là nếu để cho người dùng nhìn thấy từng phần của trang web được load dần dần ra khi mà layout cũng như Css hay Js dành cho giao diện chưa được load xong, nó thực sự là một mớ lộn xộn và người dùng sẽ không có thiện cảm khi nhìn thấy trang web lộn xộn như vậy. Cách tốt nhất để xử lý vấn đề này là giấu phần lộn xộn ấy đi bằng cách thêm 1 layout lên trên cùng của trang web, phần chính giữa của layout này sẽ là 1 icon gì đó thú vị và tốt nhất là nó truyền tải cho người dùng 1 thông tin là website vẫn đang được loading. Sau khi trang web được load toàn bộ chúng ta sẽ làm cho layout này biến mất để người dùng có thể bắt đầu trải nghiệm trang web. Trong bài viết này tôi sẽ giới thiệu một vài mẫu icon khá đẹp có thể áp dụng vào website của bạn.

1.CSS loader by @CKH4

2.Rainbow Loader by jackrugile

3.Redirecting Loader by mr_alien

4.Loader CSS by mattiabericchia

5.Light Loader by jackrugile

6.CSS3 Infinite Loader by jonathansilva

7.CSS Stairs Loader by ispal

8.CSS Loader by code_dependant

9.Loader by majci23

10.Rubik loader by FilipVitas

Phần 2 tôi sẽ tiếp tục giới thiệu cho các bạn 10 icon page loading thú vị nữa. Hẹn gặp lại.

Nguồn tham khảo. http://www.hongkiat.com/blog/free-animated-loaders/

0