Câu chuyện về slider – kẻ “ăn cắp” performance Slider (hay carousel) xuất hiện ở khắp mọi nơi trên web ngày nay. Dù bạn có thích hay không, thì slider vẫn là cách hay ho để trình bày nội dung, nhất là khi màn hình nhỏ. Với các web bán hàng, slider được dùng để […]
Code slider thuần CSS, Javascript không cần thư viện
Đây là code slider mình hay dùng cho các dự án code từ đầu bằng starter theme mà không cần phải tích hợp slider bên thứ 3 như Slick slider, Tiny Slider, Owl slider hay Swiper slide… Tất nhiên tuỳ vào dự án mà có sự lựa chọn cho phù hợp nhưng các dự án […]
Hướng dẫn sử dụng Slick slider cho website
Slick slider là một plugin jQuery mạnh mẽ và linh hoạt, chúng được phát triển bởi Ken Wheeler. Plugin này cho phép bạn tạo ra các slider/carousel đẹp mắt, responsive và tối ưu hiệu suất. Slick hỗ trợ đầy đủ các tính năng như: slide đơn/nhiều item, lazy loading, autoplay, navigation, dots và nhiều tùy […]
Tìm hiểu chi tiết về Tiny Slider – Vanilla javascript slider
Tiny Slider 2 là một thư viện JavaScript nhẹ, mạnh mẽ được phát triển bởi William Lin lấy cảm hứng từ Owl Carousel để tạo ra các slider/carousel responsive cho website. Thư viện này cung cấp nhiều tính năng hữu ích và dễ dàng tùy chỉnh. Ưu điểm nổi bật Tiny Slider 2 có nhiều […]
Sửa lỗi Swiper CLS (Cumulative Layout Shift)
Qua công việc tối ưu core web vitals mình hay gặp các slider load gây nên tình trạng dịch chuyển bố cục tích luỹ (nói ngắn gọn là khi load trang nó không ổn định làm sai lệch lúc load và lúc hoàn thành tải trang) Trong bài viết này mình note lại bài viết […]
Tạo gallery sử dụng slick carousel kết hợp Magnific
Khi code theme WordPress từ đầu tôi thường xuyên sử dụng các thư viện và tạo các slider tạo slider có ảnh thu nhỏ kèm theo chức năng lightbox nên trong bài này tôi giới thiệu code tĩnh html css js để bạn xem và hiểu cấu trúc, khi nào cần bạn có thể kết […]
Slider Revolution và LiteSpeed gặp lỗi khi sử dụng lazy loading
Slider Revolution là plugin tạo slider vô cùng ấn tượng mà rất nhiều website sử dụng, plugin này cung cấp rất nhiều tùy biến và hầu như không có giới hạn trong việc trình diễn slider trên website. Còn plugin LiteSpeed Cache là plugin giành riêng cho các website chạy trên máy chủ sử dụng […]
Chat ngay
Telegram