Wolfactive Thiết kế web

LazyLoad Image With Script No Plugin Đối với một website, Image là một trong những yếu tố quan trọng để tạo nên một website. Bởi nó xuất hiện hầu hết ở mọi nơi như index, trang bài viết,… Tuy nhiên, với việc những hình ảnh mang độ sắc nét cao thì dung lượng của ảnh càng lớn. Do đó với dung lượng ảnh ngày càng lớn như vậy thì hiệu suất tốc độ của trang Web sẽ ngày càng giảm. Bởi thế mà  LazyLoad  đã được ra đời, nhằm hỗ trợ các bạn về việc này. Vậy LazyLoad là gì? Thông thường khi các bạn load một website thì toàn bộ nội dung từ trang web sẽ được tải về hết. Tuy nhiên, việc load toàn bộ nội dung như thế sẽ rất tốn tài nguyên. Bởi khi một người dùng vào website của bạn, bạn không thể chắc chắn rằng người dùng sẽ xem hết toàn bộ nội dung của bạn ngay được. Do đó lazyload sẽ giải quyết vấn đề này, thay vì bạn phải load toàn bộ nội dung trong một lần. Thì  Lazyload  giúp bạn việc xem đến đâu load đến đó. Việc này sẽ giúp bạn cải thiện tốc độ website của bạn rất nhi...

Như các bạn cũng biết thì radio button hoặc checkbox thường được sử dụng nhiều trong form hoặc filter. Để render ra group radio button hoặc group check box thì dễ nhưng để custom lại cho đẹp hơn thì lại nhứt đầu với một số bạn mới tiếp cận với frontend thì với bài này mình sẽ hướng dẫn các bạn custom radio button và checkbox. Lên khung Html và css Style lại giao diện  Trước tiên mình sẽ lấy ví dụ thông qua việc lên khung html mình sẽ show một số hạng giày như sau: <div class="product__filter-item"> <h1 class="title--item"> Hãng</h1> <div class="filter__form-item"> <input type="radio" id="productBand0" name="productBand" value="all-brand" checked=""> <label class="productBand active" for="productBand0">Tất cả</label> </div> <div class="filter__form-item"...