JavaScript

Text biến thành Particle khi hover / click bằng HTML5 Canvas

20/12/2025 0 78 4 phút đọc

Demo

Text Particle Effect là kiểu hiệu ứng mà chữ không chỉ animate đơn thuần, mà có thể “vỡ ra”, tan thành hạt rồi quay trở lại hình dạng ban đầu. Đây là dạng hiệu ứng...

Hiệu ứng Text Reveal Animation không dùng thư viện

20/12/2025 0 69 4 phút đọc

Demo

Text Reveal Animation là kiểu hiệu ứng chữ không xuất hiện ngay, mà được lộ dần ra theo một hướng (trái → phải, dưới → lên, hoặc thông qua lớp che). Đây là hiệu ứng...

Hover Effect kiểu “Web cao cấp” bằng HTML, CSS và JavaScript

19/12/2025 0 65 4 phút đọc

Demo

Hover effect là thứ rất dễ làm… và cũng rất dễ làm xấu. Phần lớn hiệu ứng hover trên web hiện nay rơi vào một trong ba dạng: quá gắt, quá màu mè, hoặc quá...

Hiệu ứng gõ chữ tự nhiên (Typewriter Effect) không dùng thư viện

18/12/2025 0 39 4 phút đọc

Demo

Typewriter effect nhìn thì đơn giản, nhưng làm không khéo là lộ ngay: chữ nhảy, gõ không đều, thậm chí hiện nguyên câu rồi mới bắt đầu gõ lại. Lý do thường không nằm ở...

Hiệu ứng tuyết rơi bằng CSS + JavaScript: Nhẹ, đẹp, chạy mượt

18/12/2025 0 108 4 phút đọc

Demo

Mỗi mùa lễ là lại thấy tuyết rơi khắp nơi trên website. Nhưng sự thật hơi phũ: rất nhiều hiệu ứng tuyết rơi bị làm quá tay, dùng canvas hoặc thư viện nặng, khiến trang...

Hiệu ứng pháo hoa với HTML, CSS Animation và JavaScript

18/12/2025 0 670 4 phút đọc

Demo

Pháo hoa luôn là hiệu ứng “ăn tiền” trong các trang landing page, trang chúc mừng, đếm ngược năm mới hoặc đơn giản là để khoe kỹ năng front-end. Tin vui là: không cần canvas...

Tính ngày hoàng đạo theo nguyên lý cơ bản

16/12/2025 0 9 6 phút đọc

Demo

Ngày hoàng đạo thường được nhắc đến khi cưới hỏi, khai trương, động thổ hay làm việc quan trọng. Tuy nhiên, nếu chỉ nghe theo danh sách truyền miệng mà không hiểu nguyên lý phía...

Cách tính mệnh Ngũ hành của tuổi – phân biệt rõ để không nhầm lẫn

16/12/2025 0 9 5 phút đọc

Demo

Khi nói đến mệnh Ngũ hành của tuổi (Kim, Mộc, Thủy, Hỏa, Thổ), rất nhiều người thường nhầm lẫn với Ngũ hành của năm. Thực tế, mệnh của tuổi không chỉ dựa vào Can Chi...

Hướng dẫn cách tính Can Chi của năm theo truyền thống Á Đông

16/12/2025 1 17 4 phút đọc

Demo

Can Chi là một hệ thống lịch pháp cổ truyền có lịch sử hàng nghìn năm, được sử dụng rộng rãi trong văn hóa Việt Nam và nhiều nước Á Đông. Việc tính Can Chi...

Hiệu ứng tuyết rơi cho WordPress tháng 12 với Init FX Engine

16/12/2025 0 26 4 phút đọc

Tháng 12 là thời điểm nhu cầu “tuyết rơi” tăng mạnh: website bán hàng, blog cá nhân, landing page sự kiện… ai cũng muốn thêm chút không khí Giáng Sinh cho khách ghé thăm. Tin...

Thuật toán giải mê cung: Khi đích nằm ở trung tâm – thuật toán tìm đường thay đổi thế nào?

16/12/2025 0 7 6 phút đọc

Demo

Trong các bài trước của series, chúng ta đều đặt điểm đích (goal) ở rìa hoặc góc của mê cung. Cách bố trí này rất phổ biến trong ví dụ minh họa vì dễ quan...

Thuật toán giải mê cung: Weighted A* – đánh đổi giữa tốc độ và tính tối ưu

14/12/2025 0 10 5 phút đọc

Demo

Ở bài trước, chúng ta đã sử dụng Dijkstra để giải bài toán tìm đường đi có tổng chi phí thấp nhất trên mê cung có địa hình. Dijkstra đảm bảo nghiệm tối ưu, nhưng...

Thuật toán giải mê cung: Dijkstra – tìm đường đi có tổng chi phí thấp nhất

14/12/2025 0 9 5 phút đọc

Demo

Ở hai bài trước, chúng ta đã lần lượt xây dựng các thuật toán giải mê cung dựa trên số bước đi: BFS đảm bảo đường đi ngắn nhất theo số bước, còn A* cải...

Thuật toán giải mê cung: A* (A-star) — tìm đường “thông minh” nhờ heuristic

14/12/2025 0 17 3 phút đọc

Demo

Ở bài 1, DFS/BFS đã giải được mê cung. Nhưng BFS thường “loang như nước” nên thăm rất nhiều ô, còn DFS thì có thể đi vòng vèo và không đảm bảo đường ngắn nhất....

Thuật toán giải mê cung: Từ DFS/BFS cổ điển đến demo trực tiếp trong trình duyệt

14/12/2025 0 23 3 phút đọc

Demo

Mê cung nhìn thì giống trò chơi, nhưng bản chất là một bài toán “tìm đường” kinh điển của khoa học máy tính. Chỉ cần biến mê cung thành một đồ thị (graph), ta có...

Build mini game bằng HTML/CSS/JS trong 15 phút

04/12/2025 0 18 7 phút đọc

Demo

Xây một mini game bằng HTML/CSS/JS không hề phức tạp như nhiều người nghĩ. Chỉ với một thẻ div, vài dòng CSS và một ít JavaScript, bạn đã có thể tạo ra trò chơi nhỏ...

Hướng dẫn làm lịch âm với JavaScript và thư viện solarLunar

01/12/2025 2 57 7 phút đọc

Demo

Lịch âm dương là chức năng rất phổ biến trên các website tin tức, blog phong thủy, trang xem ngày. Với JavaScript, bạn hoàn toàn có thể tự xây dựng một lịch âm chạy trên...

Những nguyên lý quan trọng về ngày, tháng, năm trong lập trình dành cho người mới bắt đầu

01/12/2025 0 5 6 phút đọc

Xử lý ngày tháng năm là một nhóm bài toán xuất hiện dày đặc trong lập trình: kiểm tra năm nhuận, tìm số ngày trong tháng, xác định ngày hợp lệ, tính tuổi, tính ngày...

Fix tụt FPS trên iOS khi dùng HTML5 Audio cho game web

28/11/2025 0 9 9 phút đọc

Trong game web, âm thanh bắn súng và nổ là bắt buộc, nhưng nếu xử lý sai, chúng có thể kéo tụt luôn FPS – đặc biệt trên iOS và iPadOS (Safari, WebView in-app). Bài...

Tank 300IQ – Game bắn xe tăng “não to” dành cho người thích outplay

23/11/2025 3 55 13 phút đọc

Tank 300IQ là một game bắn xe tăng góc nhìn top-down siêu gọn nhẹ nhưng cực kỳ dễ gây nghiện, do Init HTML phát triển. Ý tưởng của trò này đến từ một lần lướt...