HTML & CSS

Giải thích đơn giản: async/await vs Promise trong JavaScript

10/09/2025 0 11 4 phút đọc

Demo

Promise và async/await là hai cách tiếp cận để xử lý bất đồng bộ trong JS. Về bản chất, async/await chỉ là cú pháp “đường tắt” (syntactic sugar) của Promise, giúp code dễ đọc hơn....

Geolocation API: Lấy vị trí người dùng chỉ với vài dòng JS

09/09/2025 0 25 7 phút đọc

Demo

Geolocation API cho phép trình duyệt cung cấp vị trí hiện tại của người dùng (vĩ độ/kinh độ) sau khi họ cấp quyền. Bạn có thể xây tính năng “tìm cửa hàng gần nhất”, tự...

Web Speech API: Chuyển giọng nói thành text ngay trên web

09/09/2025 0 121 8 phút đọc

Demo

Web Speech API cho phép trình duyệt nhận diện giọng nói và trả về văn bản theo thời gian thực. Bạn có thể build tính năng voice search, nhập liệu bằng giọng nói, hay trợ...

Canvas API: Vẽ đồng hồ kim động bằng HTML5 Canvas

09/09/2025 0 21 5 phút đọc

Demo

Canvas API cho phép bạn vẽ đồ họa 2D ngay trong trình duyệt, từ hình cơ bản, biểu đồ, đến game mini. Bài này mình sẽ dựng một đồng hồ kim analog chạy thời gian...

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 19 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 18 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 8 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 22 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 13 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 29 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 31 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 28 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...