HTML & CSS

Tự làm Dark Mode đúng cách: Không flash, hỗ trợ Toggle & prefers-color-scheme

19/05/2025 0 37 6 phút đọc

Demo

Dark mode (chế độ nền tối) đang trở thành một xu hướng phổ biến nhằm giảm mỏi mắt và tiết kiệm pin. Bài viết này hướng dẫn bạn cách thêm một nút chuyển đổi dark...

Hướng dẫn tùy chỉnh giao diện Init Live Search khi tắt CSS mặc định

18/05/2025 0 27 4 phút đọc

Init Live Search cung cấp nhiều tuỳ chọn linh hoạt để bạn điều chỉnh giao diện tìm kiếm sao cho phù hợp nhất với website của mình. Bạn có thể chọn ngay một trong các...

Bật chế độ tối cho Init Live Search

16/05/2025 0 36 4 phút đọc

Demo

Init Live Search là plugin tìm kiếm trực tiếp (live search) chính chủ từ Init HTML cho WordPress, được thiết kế để hoạt động nhanh chóng, mượt mà và thân thiện với giao diện người...

Vì sao mình không bao giờ dùng jQuery nữa, kể cả trong plugin WordPress?

14/05/2025 0 11 4 phút đọc

Trong nhiều năm, jQuery từng là nền tảng không thể thiếu cho lập trình giao diện web. Nhưng ở thời điểm hiện tại, mình đã hoàn toàn từ bỏ nó – kể cả khi viết...

Các pseudo-class nâng cao trong CSS ít được biết đến nhưng cực kỳ hữu dụng

10/05/2025 0 13 3 phút đọc

Ngoài những pseudo-class phổ biến như :hover, :focus, CSS còn cung cấp hàng loạt pseudo-class nâng cao rất mạnh mẽ, giúp kiểm soát trạng thái phần tử theo cách linh hoạt hơn – thậm chí...

Giám sát hiệu suất WordPress bằng Query Monitor – phân tích thật sự

10/05/2025 0 14 3 phút đọc

Khi một trang web WordPress trở nên chậm, hầu hết mọi người đều đổ lỗi cho theme hoặc plugin, nhưng rất ít ai đi sâu vào truy vết thực tế các điểm nghẽn. Plugin Query...

Tạo mini game Quiz nhiều câu hỏi bằng JavaScript thuần

10/05/2025 0 21 3 phút đọc

Muốn tạo một trò chơi nhỏ ngay trên bài viết WordPress để kiểm tra kiến thức hoặc tăng tương tác? Bài viết này sẽ hướng dẫn bạn cách tạo một hệ thống quiz nhiều câu...

GSAP – Thư viện tạo hoạt ảnh mượt mà cho website hiện đại

10/05/2025 0 31 4 phút đọc

GSAP (GreenSock Animation Platform) là một thư viện JavaScript mạnh mẽ giúp bạn tạo các hiệu ứng động siêu mượt, chuyên nghiệp và tương thích cao trên mọi trình duyệt. Đây là công cụ được...

Những thuộc tính CSS ít người biết nhưng cực kỳ hữu dụng

09/05/2025 0 28 3 phút đọc

CSS ngày càng mạnh mẽ, không chỉ dừng lại ở việc tô màu và căn lề. Dưới đây là những thuộc tính CSS ít được sử dụng rộng rãi nhưng lại mang đến sức mạnh...

Các thư viện JavaScript nhẹ thay thế jQuery phổ biến

06/05/2025 0 22 2 phút đọc

jQuery từng là chuẩn mực để thao tác DOM, xử lý sự kiện và AJAX trong JavaScript. Tuy nhiên, với sự phát triển của JavaScript hiện đại (ES6+), nhiều thư viện nhẹ hơn đã ra...

Tối ưu srcset và Lazyload hình ảnh bằng UIkit

05/05/2025 0 12 6 phút đọc

Việc tối ưu hóa hình ảnh là một trong những yếu tố quan trọng để tăng tốc độ tải trang web và cải thiện trải nghiệm người dùng. UIkit cung cấp các công cụ tuyệt...

Danh sách các class UIkit thường dùng nhất – Cheat Sheet cho Developer

05/05/2025 0 10 2 phút đọc

UIkit là một framework CSS hiện đại, nhẹ và linh hoạt – rất phù hợp để xây dựng giao diện cho blog, portfolio, landing page và cả theme WordPress. Dưới đây là danh sách các...

Giảm request bằng cách gom icon SVG dùng chung

03/05/2025 0 24 3 phút đọc

Trên các website hiện đại, icon SVG thường được sử dụng để thay thế icon ảnh PNG hoặc font-icon như Font Awesome. Tuy nhiên, nếu bạn nhúng mỗi SVG riêng lẻ cho từng biểu tượng,...

Dọn dẹp Database WordPress đúng cách – vừa sạch vừa không mất dữ liệu

30/04/2025 0 7 4 phút đọc

Database là trái tim của một website WordPress. Theo thời gian, dữ liệu dư thừa như bản nháp, bản sửa, dữ liệu plugin không dùng nữa,… sẽ khiến site của bạn chậm đi đáng kể....

Tối ưu Google Fonts cho site WordPress siêu nhẹ (tự host, preload, font-display)

28/04/2025 0 15 5 phút đọc

Google Fonts là một trong những thư viện font phổ biến nhất, giúp các nhà phát triển dễ dàng tích hợp các font chữ đẹp vào website. Tuy nhiên, việc sử dụng Google Fonts không...

Tự viết lại đoạn jQuery cũ bằng JavaScript hiện đại (Vanilla JS)

23/04/2025 0 7 2 phút đọc

jQuery từng là tiêu chuẩn cho mọi project web nhờ cú pháp ngắn gọn và hỗ trợ trình duyệt tốt. Tuy nhiên, với ES6+ và trình duyệt hiện đại, bạn hoàn toàn có thể loại...

Tự tạo Dark Mode đơn giản, không phụ thuộc plugin

21/04/2025 0 25 3 phút đọc

Dark Mode (chế độ nền tối) không chỉ giúp bảo vệ mắt vào ban đêm mà còn tạo cảm giác hiện đại cho giao diện. Thay vì dùng plugin nặng nề, bạn có thể tự...

Danh sách UIkit component tùy biến cao nhất – Tips nâng tầm giao diện

20/04/2025 0 6 4 phút đọc

UIkit là một framework nhẹ và mạnh mẽ dành cho các dự án frontend hiện đại. Một trong những điểm mạnh lớn nhất của UIkit là khả năng tùy biến linh hoạt nhờ vào hệ...

Tạo hiệu ứng chuyển trang mượt mà không cần plugin (Page Transition)

09/04/2025 0 45 2 phút đọc

Hiệu ứng chuyển trang mượt mà giúp website trở nên liền mạch và chuyên nghiệp hơn. Thay vì để trình duyệt tải lại toàn bộ nội dung một cách thô ráp, bạn có thể áp...

Chuyển đổi giao diện từ Bootstrap 3 sang UIkit – Checklist & Hướng dẫn

05/04/2025 0 13 5 phút đọc

Khi bạn quyết định chuyển đổi giao diện từ Bootstrap 3 sang UIkit, bạn sẽ trải qua một số bước nhất định để đảm bảo giao diện hoạt động tốt trên nền tảng mới mà...