HTML & CSS

Blog Tĩnh #04 – Tạo Dark Mode đơn giản bằng CSS, không cần JavaScript

24/05/2025 0 13 2 phút đọc

Dark Mode không chỉ là xu hướng – nó còn giúp giảm mỏi mắt, tiết kiệm pin và cải thiện UX tổng thể. Tin vui là bạn hoàn toàn có thể thêm Dark Mode cho...

Blog Tĩnh #03 – Thêm favicon, meta chuẩn SEO & chia sẻ social

23/05/2025 0 6 3 phút đọc

Ở bài #02, bạn đã deploy blog lên Internet. Bây giờ là lúc bổ sung những thứ "nhỏ nhưng có võ" – giúp blog thân thiện hơn với Google, Facebook, Twitter, và người dùng.

Blog Tĩnh #01 – Tự tạo một boilerplate HTML/CSS đơn giản & dễ mở rộng

21/05/2025 0 17 4 phút đọc

Không cần dùng WordPress, không cần framework nặng. Bạn hoàn toàn có thể tự tạo một blog tĩnh bằng HTML/CSS từ đầu – sạch, nhẹ, không ràng buộc. Dưới đây là hướng dẫn tạo boilerplate...

Hướng dẫn sử dụng REST API /top trong Init View Count

20/05/2025 0 35 4 phút đọc

Plugin Init View Count hỗ trợ endpoint REST API /wp-json/initvico/v1/top để lấy danh sách bài viết được xem nhiều nhất. Đây là công cụ cực kỳ hữu ích cho frontend, SPA, app mobile hoặc các...

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

19/05/2025 0 40 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 29 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 24 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 29 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 25 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...