CSS3

Tổng hợp mẹo, đoạn mã, hiệu ứng chuyển động, responsive layout và kinh nghiệm thực chiến với CSS3 giúp cải thiện giao diện và trải nghiệm người dùng.

Đổi Sáng / Tối cho trang web đơn giản

14/01/2024 1 147 2 phút đọc

Bài viết hướng dẫn thêm chế độ Sáng/Tối cho trang web đơn giản sử dụng jQuery, có tự động lưu chế độ đã chọn.

Ảnh minh họa: Thêm Emoji cho khung bình luận

Thêm Emoji cho khung bình luận wpDiscuz

01/01/2024 0 45 39 phút đọc

Nếu bạn muốn tích hợp bảng chọn Emoji vào wpDiscuz hoàn toàn miễn phí, tương tự như bảng chọn Emoji của Facebook Messenger, bài viết này sẽ giúp bạn.

Ảnh minh họa: 10 Thư viện JS/CSS siêu nhẹ

10 Thư viện JS/CSS siêu nhẹ mà vẫn đủ xài cho mọi giao diện

31/12/2023 0 96 5 phút đọc

Ngày nay, tốc độ trang web là một yếu tố quan trọng trong trải nghiệm người dùng và SEO. Việc chọn các thư viện nhẹ giúp giảm thời gian tải trang mà vẫn đảm bảo...

Ảnh minh họa: Tạo một Slider dạng Carousel sử

Tạo một Slider dạng Carousel sử dụng Swiper

30/12/2023 0 645 3 phút đọc

Bài viết này hướng dẫn cách tạo một Slider dạng Carousel với hình chính giữa to và nhỏ dần về hai bên.

Ảnh minh họa: CSS tự động tree-shake: Purge CSS

CSS tự động tree-shake: Purge CSS không dùng với PostCSS

12/12/2023 0 30 3 phút đọc

Một trong những nguyên nhân khiến website tải chậm là file CSS chứa hàng trăm hoặc hàng ngàn dòng không được sử dụng. Kỹ thuật tree-shaking CSS – hay còn gọi là CSS Purge –...

Tạo hiệu ứng rung lắc với CSS Animation

14/11/2023 0 589 1 phút đọc

Demo

Bài viết hướng dẫn tạo hiệu ứng rung lắc với CSS Animation, có thể dùng để gây chú ý vào một phần tử nào đó trên trang web của bạn.

Ảnh minh họa: Làm trang Bảng Giá đơn giản

Làm trang Bảng Giá đơn giản với Bootstrap

15/10/2023 0 70 5 phút đọc

Nếu bạn muốn làm trang Bảng Giá thì với Bootstrap thì đó là điều rất dễ dàng. Bài viết này sẽ giới thiệu đến bạn làm trang Bảng Giá đơn giản.

Tạo hiệu ứng thông báo từ bên trái màn hình

09/10/2023 0 498 2 phút đọc

Bài viết hướng dẫn tạo thông báo từ bên trái màn hình cho trang web, với đầy đủ hiệu ứng, nút tắt và biểu tượng thông báo.

Hiệu ứng khi scroll với AOS

21/08/2023 0 114 1 phút đọc

AOS là một thư viện gọn nhẹ cung cấp hiệu ứng chuyển động khi kéo chuột. AOS đặc biệt cuốn hút người xem khi sử dụng cho các website dạng Landing Page.

Ảnh minh họa: Hướng dẫn sử dụng Google Fonts

Hướng dẫn sử dụng Google Fonts cho trang web của bạn

19/05/2023 0 153 2 phút đọc

Google Fonts là thư viện font chữ mã nguồn mở lớn nhất hiện nay, cho phép bạn dễ dàng thêm font đẹp vào website mà không cần tải thủ công. Với giao diện trực quan...

Tạo popup newsletter xuất hiện khi người dùng sắp thoát trang (exit intent)

11/05/2022 0 27 2 phút đọc

Popup xuất hiện khi người dùng di chuyển chuột ra khỏi khu vực trình duyệt (thường là lên thanh địa chỉ/tab) được xem là một kỹ thuật tiếp thị thông minh. Dưới đây là cách...

Ảnh minh họa: Tự tạo mã quảng cáo Preload

Tự tạo mã quảng cáo Preload Banner, có hỗ trợ Cookies

16/12/2021 0 187 2 phút đọc

Bài viết này sẽ hướng dẫn các bạn cách tạo mã quảng cáo Preload bằng JavaScript cực kì đơn giản mà hiệu quả, có sử dụng Cookies để giãn cách thời gian hiển thị.

Ảnh minh họa: Chia lưới hiển thị hình ảnh

Chia lưới hiển thị hình ảnh dễ dàng với CSS Grid Layout

12/10/2021 2 168 2 phút đọc

Demo

Mô-đun bố cục lưới CSS cung cấp một hệ thống bố cục dựa trên lưới, với các hàng và cột, giúp thiết kế các trang web dễ dàng hơn.

Ảnh minh họa: Tích hợp Emoji cho bình luận

Tích hợp Emoji cho bình luận đơn giản với jQuery

22/08/2021 3 138 40 phút đọc

Nếu bạn muốn tích hợp bảng chọn Emoji ngay tại bình luận của website, tương tự như bảng chọn Emoji của Facebook Messenger, bài viết này sẽ giúp bạn.

Phóng to ảnh dễ dàng với VenoBox

15/04/2021 0 99 2 phút đọc

Nếu bạn đang tìm một thư viện jQuery hỗ trợ việc phóng to ảnh và không chỉ ảnh, mà còn là Youtube hay những thứ khác, VenoBox từ bài viết này sẽ giúp bạn.

Ảnh minh họa: Tự tạo Dropdown Menu với CSS

Tự tạo Dropdown Menu với CSS và jQuery sử dụng được cho WordPress

15/12/2020 0 66 3 phút đọc

Nếu bạn đang muốn tự làm cho mình một Dropdown Menu nhưng không muốn sử dụng thư viện của bên thứ 3 vì khó tương thích với WordPress hoặc khó cấu hình, tải quá nặng...

Một số vị trí quảng cáo không cố định thông dụng

01/10/2020 2 246 6 phút đọc

Nếu bạn đang tìm cách chèn banner quảng cáo vào các vị trí cố định trên trang, như mép trái/phải, đầu trang hoặc chân trang — thì đây là danh sách những vị trí phổ...