HTML & CSS

Debounce và Throttle: khác nhau thế nào?

09/09/2025 0 13 4 phút đọc

Demo

Trong giao diện web, một số sự kiện bắn “liên thanh” như input, scroll, resize, mousemove. Nếu gọi logic nặng (ví dụ: tìm kiếm API, tính toán, DOM update) theo từng sự kiện, hiệu năng...

Trang web nào cũng nên có: 5 snippet JavaScript đơn giản mà ai cũng xài

03/07/2025 0 19 3 phút đọc

Không cần đến framework hay thư viện phức tạp, nhiều trang web hiện đại vẫn dựa vào một số đoạn mã JavaScript ngắn gọn để cải thiện trải nghiệm người dùng. Dưới đây là 5...

So sánh nhẹ: Alpine.js vs Vanilla JS – chọn gì khi muốn gọn mà hiệu quả?

01/07/2025 0 18 3 phút đọc

Trong các dự án web cần tính tương tác nhưng vẫn ưu tiên tốc độ tải trang và kích thước nhẹ, hai lựa chọn phổ biến là viết bằng JavaScript thuần (Vanilla JS) hoặc sử...

Bật chế độ tối cho Init Embed Posts

10/06/2025 0 23 2 phút đọc

Init Embed Posts là plugin cho phép bạn nhúng bài viết WordPress vào website khác dưới dạng thẻ card hiện đại, gọn nhẹ và không dùng iframe. Bài viết này sẽ hướng dẫn cách bật...

Blog Tĩnh #12 – Tích hợp banner, CTA hoặc widget bằng HTML đơn giản

01/06/2025 0 17 2 phút đọc

Bạn không cần plugin, không cần builder để thêm banner quảng bá, nút gọi hành động (CTA) hoặc widget tùy chỉnh. Trong blog tĩnh, chỉ cần 1 khối HTML và vài dòng CSS là đủ...

Blog Tĩnh #11 – Tùy biến UI: Thẻ tag, tooltip, callout box đẹp mắt chỉ bằng HTML/CSS

31/05/2025 0 26 2 phút đọc

Bài viết này giúp bạn tạo các thành phần UI thường thấy trong blog kỹ thuật: tag, tooltip, callout box (Chú ý, Cảnh báo, Mẹo…) – gọn nhẹ, đẹp, không cần JS.

Blog Tĩnh #10 – Tự tạo hệ thống Previous / Next bài viết mà không cần build tool

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

Ở các blog CMS như WordPress, bạn dễ dàng hiển thị bài trước/sau. Nhưng nếu viết bằng HTML thuần thì sao? Tin vui là bạn vẫn có thể làm được – chỉ cần chút kỷ...

Bắt sự kiện ils:* trong Init Live Search để tracking, hiệu ứng và mở rộng chức năng

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

Plugin Init Live Search hỗ trợ hệ thống sự kiện JavaScript cho phép bạn theo dõi quá trình tìm kiếm, can thiệp UI và mở rộng trải nghiệm người dùng mà không cần sửa mã...

Tạo giao diện kết quả tùy biến theo loại nội dung trong Init Live Search

29/05/2025 0 16 3 phút đọc

Init Live Search không chỉ hiển thị kết quả tìm kiếm nhanh chóng mà còn hỗ trợ bạn tùy biến giao diện theo từng loại nội dung như bài viết, sản phẩm WooCommerce, đánh giá,...

Hiển thị kết quả sản phẩm WooCommerce có điều kiện ngay khi bật modal tìm kiếm

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

Khi người dùng mở hộp tìm kiếm, thay vì để trống hoặc yêu cầu họ nhập từ khóa, bạn hoàn toàn có thể hiển thị sẵn các sản phẩm đang giảm giá, còn hàng, hoặc...

Blog Tĩnh #08 – Tối ưu tốc độ: preload, lazy load, minify…

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

Blog tĩnh vốn đã nhanh, nhưng vẫn có thể tối ưu thêm nữa. Chỉ cần chỉnh đúng vài dòng HTML/CSS, bạn sẽ giúp trang load mượt hơn, giảm delay và sẵn sàng chạm điểm A+...

Blog Tĩnh #07 – Tạo highlight code + nút copy – dùng PrismJS

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

Bài này giúp bạn hiển thị code đẹp, dễ đọc và cho phép người dùng copy chỉ với 1 click – đúng chuẩn một blog kỹ thuật chuyên nghiệp. Không cần framework, không cần plugin...

Blog Tĩnh #06 – Thêm Table of Contents (TOC) cố định khi cuộn

26/05/2025 0 27 2 phút đọc

Với những bài viết dài, TOC (table of contents – mục lục) giúp người đọc điều hướng dễ hơn. Trong blog tĩnh HTML/CSS, bạn hoàn toàn có thể thêm TOC cố định chỉ bằng HTML...

Toàn tập các cách mở Init Live Search Modal bằng JavaScript

25/05/2025 0 29 5 phút đọc

Init Live Search không chỉ cung cấp giao diện tìm kiếm hiện đại mà còn hỗ trợ đa dạng phương thức kích hoạt modal — linh hoạt cho mọi loại giao diện, theme hoặc luồng...

Blog Tĩnh #05 – Tạo layout responsive đơn giản

25/05/2025 0 6 2 phút đọc

Blog đẹp cỡ nào mà đọc trên điện thoại vẫn bị vỡ layout thì cũng hỏng. Responsive là yếu tố cơ bản nhất để blog bạn trông chuyên nghiệp – trên mọi thiết bị. Tin...

Hướng dẫn sử dụng sự kiện JavaScript (ils:*) trong Init Live Search

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

Plugin Init Live Search hỗ trợ nhiều sự kiện JavaScript (event) dành riêng cho developer, cho phép bạn mở rộng chức năng, đồng bộ UI, hoặc gắn tracking tùy ý khi người dùng tương tác...

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 16 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...