JavaScript

Hướng dẫn tạo QR Code Generator bằng HTML, CSS và JavaScript

11/11/2025 0 17 7 phút đọc

Demo

QR Code Generator là một công cụ tạo mã QR từ chuỗi văn bản hoặc đường dẫn URL. Chỉ với vài dòng HTML, CSS và JavaScript kết hợp cùng một thư viện JavaScript bên thứ...

Hướng dẫn tạo Snake mini game bằng HTML, CSS và JavaScript

10/11/2025 0 5 7 phút đọc

Demo

Snake mini game là một trò chơi kinh điển, trong đó người chơi điều khiển một chú rắn di chuyển trên màn hình để ăn thức ăn và kéo dài cơ thể. Nếu rắn đụng...

Init Manga v1.8.2: Cờ Ca-rô (vs AI) – Mini-game giúp tăng tương tác và giữ chân người đọc

09/11/2025 0 5 3 phút đọc

Phiên bản Init Manga v1.8.2 mang đến một tính năng hoàn toàn mới: mini-game Cờ Ca-rô (Tic Tac Toe) đấu với AI ngay trên website đọc truyện. Đây là hoạt động giải trí ngắn, dễ...

Hướng dẫn tạo Pomodoro Timer bằng HTML, CSS và JavaScript

08/11/2025 0 8 7 phút đọc

Demo

Pomodoro Timer là một kỹ thuật quản lý thời gian phổ biến, chia thời gian làm việc thành các phiên tập trung ngắn xen kẽ với những khoảng nghỉ ngắn. Việc tự xây dựng một...

Hướng dẫn tạo To-Do List mini app bằng HTML, CSS và JavaScript

07/11/2025 0 10 7 phút đọc

Demo

To-Do List mini app là một ứng dụng danh sách công việc đơn giản, cho phép thêm, đánh dấu hoàn thành và xóa các việc cần làm. Đây là một ví dụ thực hành trực...

Hướng dẫn tạo Live Preview Code Editor bằng HTML, CSS và JavaScript

07/11/2025 0 16 6 phút đọc

Demo

Live Preview Code Editor là một trình soạn thảo cho phép nhập mã HTML, CSS, JavaScript và xem kết quả hiển thị ngay lập tức trong cùng một giao diện. Thay vì phải lưu file...

Hướng dẫn tạo CSS Gradient Generator bằng HTML, CSS và JavaScript

05/11/2025 0 9 6 phút đọc

Demo

CSS gradient cho phép tạo ra các nền chuyển màu mượt mà mà không cần dùng đến hình ảnh. Thay vì một màu đơn giản, các phần tử giao diện có thể sử dụng nhiều...

Hướng dẫn tạo nút Copy to Clipboard bằng HTML, CSS và JavaScript

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

Demo

Nút Copy to Clipboard giúp người dùng sao chép nhanh một đoạn văn bản hoặc đoạn code chỉ với một lần nhấp chuột. Đây là tính năng rất phù hợp cho các bài viết hướng...

Text to ASCII Art Generator

03/11/2025 0 53 6 phút đọc

Demo

Bài viết này là hướng dẫn thực chiến để bạn tự tay dựng một bộ chuyển đổi “text → ASCII art” chạy ngay trong trình duyệt. Ta sẽ thiết kế font ma trận 5×6, viết...

Generative Art với Canvas

02/11/2025 0 5 3 phút đọc

Demo

Bài viết này dẫn bạn đi từ “zero → đẹp” với generative art trên thẻ <canvas>. Ta sẽ nắm cách khởi tạo canvas chuẩn DPI, tạo PRNG có seed để tái lập tác phẩm, dựng...

Hướng dẫn tạo Mini Toast Notification System bằng HTML, CSS và JavaScript

27/10/2025 0 41 7 phút đọc

Demo

Mini Toast Notification System là một hệ thống thông báo nhỏ gọn xuất hiện trong một khoảng thời gian ngắn ở góc màn hình. Thông báo dạng toast thường được dùng để báo kết quả...

Tích hợp Cloudflare Turnstile trong PHP: Một hàm xác thực dùng ngay

25/10/2025 0 6 7 phút đọc

Bạn muốn chặn bot đăng ký nhưng không dùng WordPress hay framework? Bài viết này cung cấp một hàm PHP thuần để xác thực Cloudflare Turnstile kèm ví dụ form HTML + JS. Chỉ cần...

Hướng dẫn tạo Floating Action Button (FAB) kiểu Android với menu mở rộng

23/10/2025 0 10 3 phút đọc

Demo

Floating Action Button (FAB) dạng mở rộng là một thành phần giao diện hiện đại, cho phép người dùng truy cập nhanh nhiều chức năng chỉ với một nút nổi duy nhất. FAB sẽ nằm...

CSS Animation vs JavaScript Animation: Chọn bên nào cho hiệu năng cao nhất

08/10/2025 0 12 7 phút đọc

Hiệu ứng chuyển động là yếu tố không thể thiếu trong thiết kế web hiện đại. Tuy nhiên, không phải mọi animation đều được tạo ra như nhau. Một số được triển khai bằng CSS,...

Critical CSS – Tải trang nhanh hơn 2 giây

08/10/2025 0 11 12 phút đọc

Bạn có bao giờ truy cập một website và phải chờ đợi màn hình trắng xóa vài giây trước khi nội dung hiển thị? Đó chính là dấu hiệu của việc CSS chưa được tối...

Hiệu ứng trên web và tác động đến hiệu năng thiết bị

02/10/2025 0 17 7 phút đọc

Hiệu ứng hình ảnh trên trang web là yếu tố quan trọng trong việc tạo trải nghiệm trực quan hấp dẫn cho người dùng. Tuy nhiên, nếu lạm dụng hoặc triển khai không đúng cách,...

Closure trong JavaScript: Đơn giản hơn bạn nghĩ

26/09/2025 0 6 6 phút đọc

Closure nghe có vẻ hàn lâm, nhưng thực chất chỉ là khả năng một hàm “nhớ” môi trường nơi nó được tạo ra. Nhờ đó, bạn có thể giữ trạng thái riêng tư, viết API...

CSS Houdini: Khi dev có thể hack vào engine của trình duyệt

24/09/2025 0 6 4 phút đọc

Trong nhiều năm, CSS thường bị coi là “ngôn ngữ trang điểm” – mạnh nhưng giới hạn. Nếu trình duyệt không hỗ trợ thuộc tính nào đó, lập trình viên gần như bó tay hoặc...

Code Snippets hay dùng cho Init Manga

14/09/2025 0 93 11 phút đọc

Nếu bạn muốn tùy chỉnh Init Manga mà không cần chỉnh trực tiếp vào functions.php, plugin Code Snippets là giải pháp gọn gàng và an toàn. Chỉ cần cài plugin này, sau đó copy các...

Floating Label Form với UIkit: Label bay lên khi nhập, gọn đẹp và dễ đọc

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

Demo

Floating Label giúp trường nhập liệu gọn gàng: nhãn nằm trong ô khi trống và trượt lên phía trên khi người dùng nhập. Kỹ thuật này cải thiện khả năng quét thông tin, tiết kiệm...