JavaScript

WebAssembly là gì và ứng dụng thực tế — Demo xử lý ảnh so sánh JS vs Wasm

1 ngày 0 5 5 phút đọc

Demo

WebAssembly (Wasm) là công nghệ cho phép chạy code gần tốc độ native ngay trong browser — từ xử lý ảnh, video, đến game engine và scientific computing. Đến 2026, Wasm đã trở thành công...

Speed Test đơn giản với HTML, CSS Animation và JavaScript

2 ngày 0 3 9 phút đọc

Demo

Speed test là tính năng "ăn tiền" trong các trang landing page công nghệ, hosting, hoặc đơn giản là để khoe kỹ năng front-end. Tin vui là: chỉ với JavaScript thuần, một chút CSS animation,...

Dark Mode Toggle với HTML, CSS và JavaScript — 5 mẫu từ cơ bản đến nâng cao

5 ngày 0 4 8 phút đọc

Demo

Dark mode không còn là "nice-to-have" — nó là yêu cầu cơ bản của mọi giao diện hiện đại. Tin vui là: chỉ với CSS variables và một chút JavaScript, bạn có thể xây dựng...

Drag & Drop File Upload với HTML5, CSS và JavaScript — 5 mẫu từ cơ bản đến nâng cao

6 ngày 0 2 8 phút đọc

Demo

Drag & drop file upload là tính năng không thể thiếu trong mọi app hiện đại — từ upload avatar đến gửi tài liệu. Tin vui là: chỉ với HTML5 Drag & Drop API, File...

Init Manga v2.5.6 – Nâng cấp Sticker Picker với trải nghiệm tiệm cận mạng xã hội hiện đại

1 tháng 0 1 6 phút đọc

Init Manga v2.5.6 mang đến một bản nâng cấp giao diện cực kỳ đáng chú ý cho hệ thống Sticker Picker, giúp trải nghiệm chat, bình luận và tương tác trên website manga trở nên...

Tại sao Smooth Scroll bằng JavaScript đang phá nát trải nghiệm người dùng?

02/02/2026 0 13 12 phút đọc

Mở bất kỳ theme WordPress cao cấp nào, đều thấy smooth scroll được quảng cáo như một tính năng đáng tự hào. Nhiều developer nghĩ rằng override scroll behavior mặc định của browser bằng JavaScript...

Triển khai Chế độ đọc tập trung cho bài viết WordPress mà không gây nhảy giao diện (CLS)

13/01/2026 1 25 5 phút đọc

Focus Mode (Chế độ đọc tập trung) là một tính năng rất hữu ích cho các bài viết dài và tài liệu kỹ thuật. Tuy nhiên, nếu triển khai không đúng cách, việc ẩn sidebar...

Hiệu ứng Magnetic Hover: Nút và chữ “hút” con trỏ chuột bằng JavaScript thuần

11/01/2026 0 95 4 phút đọc

Demo

Magnetic Hover là một hiệu ứng UI hiện đại trong đó nút bấm hoặc chữ sẽ có cảm giác “bị hút” về phía con trỏ chuột khi người dùng di chuyển gần đến. Hiệu ứng...

Hiệu ứng rọi đèn theo chuột cho chữ bằng CSS Mask (Spotlight Text Effect)

10/01/2026 1 67 4 phút đọc

Demo

Hiệu ứng chữ sáng theo vị trí con trỏ chuột (spotlight text effect) là một kỹ thuật UI hiện đại, thường được sử dụng trong hero section, landing page hoặc banner thương hiệu. Khi người...

Tạo hiệu ứng mưa lì xì ngày Tết bằng HTML, CSS và JavaScript

06/01/2026 0 166 4 phút đọc

Demo

Lì xì là biểu tượng quen thuộc của may mắn, tài lộc và khởi đầu suôn sẻ trong dịp Tết. Hiệu ứng mưa lì xì rơi nhẹ trên website tạo cảm giác vui vẻ, thu...

Tạo hiệu ứng lồng đèn bay ngày Tết bằng HTML, CSS và JavaScript

06/01/2026 0 114 4 phút đọc

Demo

Lồng đèn bay là một hình ảnh mang nhiều ý nghĩa trong văn hóa Á Đông, tượng trưng cho ước nguyện, bình an và khởi đầu tốt đẹp. Khi được đưa vào website dịp Tết,...

Tạo hiệu ứng hoa mai rơi ngày Tết bằng HTML, CSS và JavaScript

06/01/2026 0 267 5 phút đọc

Demo

Hoa mai vàng là biểu tượng quen thuộc của Tết miền Nam, gắn liền với may mắn và tài lộc đầu năm. Việc thêm hiệu ứng hoa mai rơi nhẹ nhàng vào website giúp không...

Tạo hiệu ứng hoa đào rơi ngày Tết bằng HTML, CSS và JavaScript

06/01/2026 0 313 4 phút đọc

Demo

Vào dịp Tết, một website có thêm chuyển động nhẹ nhàng sẽ tạo cảm xúc rất tốt cho người xem. Hiệu ứng hoa đào rơi là một lựa chọn đơn giản nhưng hiệu quả, giúp...

Lọc và sắp xếp màu: Khi UX quyết định thuật toán

03/01/2026 0 5 5 phút đọc

Sau khi đã trích xuất được các cụm màu từ ảnh, nhiều tool dừng lại và coi như xong việc. Nhưng trên thực tế, kết quả thô từ clustering hiếm khi dùng được ngay. Màu...

K-means RGB đơn giản cho Color Palette: Đủ dùng là thắng

02/01/2026 0 4 6 phút đọc

Khi làm tool trích xuất màu từ ảnh, rất nhiều dev có xu hướng nghĩ ngay đến những thứ nghe cho “xịn”: LAB color space, perceptual distance, AI model, thư viện nặng hàng trăm KB....

Trích xuất màu từ ảnh trong trình duyệt: Làm sao để nhanh mà vẫn đủ chuẩn?

01/01/2026 0 7 6 phút đọc

Trích xuất bảng màu từ ảnh nghe thì đơn giản, nhưng khi bắt tay làm thật trong trình duyệt, bạn sẽ đụng ngay một bài toán quen mà đau đầu: ảnh thì to, CPU thì...

Hướng dẫn tự làm tool tính BMI bằng HTML và JavaScript

01/01/2026 0 7 4 phút đọc

Demo

Chỉ số BMI (Body Mass Index) là một công cụ quen thuộc dùng để đánh giá tình trạng cơ thể dựa trên chiều cao và cân nặng. Trên thực tế, rất nhiều website sử dụng...

Giả trình duyệt bằng HTML/CSS/JS – Khi code tự chạy ngay trong bài viết

27/12/2025 0 35 4 phút đọc

Demo

Giả lập giao diện trình duyệt bằng HTML, CSS và JavaScript đang trở thành một xu hướng cực kỳ thú vị trong giới frontend. Không chỉ để “làm màu”, kỹ thuật này giúp bạn trình...

Cursor Follower Effect bằng CSS và JavaScript

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

Demo

Cursor Follower Effect là hiệu ứng con trỏ chuột có thêm một vòng tròn (hoặc blob) di chuyển theo sau, tạo cảm giác giao diện “sống” và phản hồi trực tiếp với người dùng. Đây...

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

20/12/2025 0 75 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...