HTML & CSS

CSS Container Queries: Giải pháp cho giao diện linh hoạt thực sự

31/12/2024 0 19 3 phút đọc

Container Queries đang thay đổi cách chúng ta viết responsive layout. Không còn phụ thuộc vào kích thước trình duyệt, giờ đây bạn có thể áp dụng style dựa trên kích thước của chính phần...

Static Site Generator là gì? Nền tảng xây dựng website hiện đại, nhanh và bền vững

30/12/2024 0 3 5 phút đọc

Static Site Generator là một cách tiếp cận xây dựng website tập trung vào hiệu suất, tính ổn định và khả năng mở rộng lâu dài. Thay vì xử lý nội dung động mỗi khi...

Tích hợp tự động hoàn thành địa chỉ với Goong

08/12/2024 0 17 3 phút đọc

Bạn đang cần tính năng gợi ý địa chỉ khi người dùng nhập thông tin như khi đặt hàng, đăng ký tài khoản, cập nhật hồ sơ? Goong Autocomplete là một giải pháp đáng tin...

Hiệu ứng Button Press 3D đẹp ná thở với CSS

29/11/2024 0 44 4 phút đọc

Demo

Muốn nút bấm trên giao diện trông "đã tay" hơn khi click? Với hiệu ứng Button Press 3D bằng CSS thuần, bạn có thể biến một nút bình thường thành một button có chiều sâu,...

amCharts – Thư viện biểu đồ JavaScript hiện đại

26/11/2024 0 34 2 phút đọc

Nếu bạn đang tìm kiếm một thư viện biểu đồ JavaScript hiện đại, dễ tuỳ biến và giao diện bắt mắt thì amCharts là lựa chọn đáng để thử.

Tùy chỉnh Radio Button bằng SVG

19/11/2024 0 6 5 phút đọc

Demo

Radio button mặc định nhìn hơi “cổ điển”? Vậy thì đây là lúc bạn nâng cấp giao diện với Custom Radio Button bằng SVG – vừa đẹp, vừa nhẹ, lại dễ tái sử dụng trong...

10 kỹ thuật CSS3 ít ai dùng nhưng cực mạnh để tối ưu UI/UX

11/11/2024 0 4 2 phút đọc

CSS3 mang lại rất nhiều tính năng mới, nhưng không phải kỹ thuật nào cũng phổ biến. Nhiều lập trình viên chỉ quen thuộc với flexbox, grid hay transition cơ bản. Trong bài này, chúng...

Thư viện hiệu ứng hoa giấy Canvas Confetti

03/11/2024 1 176 2 phút đọc

Demo

Bạn muốn thêm hiệu ứng chúc mừng, ăn mừng, hoặc tương tác thú vị trên trang web? Thư viện Canvas Confetti chính là lựa chọn đơn giản và mạnh mẽ để tạo hiệu ứng hoa...

Ẩn nội dung tính theo số lượng dòng bằng CSS

06/10/2024 0 28 8 phút đọc

Demo

Khi bạn muốn giới hạn nội dung văn bản hiển thị theo số dòng cố định (ví dụ: ẩn bớt mô tả dài hoặc tiêu đề quá dài), thì không cần đến JavaScript! CSS hiện...

Tạo hộp thoại chia sẻ liên kết của hệ thống với JavaScript

14/09/2024 0 36 3 phút đọc

Demo

Bạn đang tìm cách thêm tính năng chia sẻ liên kết nhanh gọn, không cần tạo riêng từng nút mạng xã hội? JavaScript đã có sẵn API để bạn thực hiện điều đó chỉ với...

Core Web Vitals – Chỉ số quan trọng chính của trang web

08/08/2024 0 13 8 phút đọc

Trong thế giới số ngày nay, tốc độ tải trang và trải nghiệm người dùng là yếu tố quan trọng không thể bỏ qua. Core Web Vitals không chỉ là một bộ chỉ số mà...

Làm thanh menu ở chân trang

05/08/2024 0 22 4 phút đọc

Demo

Thanh menu cố định (footer tools bar) ở chân trang là một cách hay để giúp người dùng truy cập nhanh các chức năng quan trọng như: trở về đầu trang, xem bình luận, chuyển...

Che một phần nội dung, bấm để xem toàn bộ

05/08/2024 0 15 5 phút đọc

Demo

Nếu bạn muốn che một phần nội dung, bấm để xem toàn bộ, bài viết này sẽ giúp bạn.

Ẩn / hiện khi nhập mật khẩu với jQuery

03/08/2024 0 78 1 phút đọc

Bài viết giới thiệu cách ẩn / hiện khi nhập mật khẩu với JavaScript cực kì đơn giản.

Pure – CSS Framework cực nhẹ đến từ Yahoo

25/07/2024 0 12 1 phút đọc

Chỉ có 3.8 KB được rút gọn và nén, nhưng chứa rất nhiều tính năng cho nhu cầu thiết kế web của bạn.

Materialize – CSS Framework với ngôn ngữ thiết kế từ Google

25/07/2024 0 66 3 phút đọc

Materialize là ngôn ngữ thiết kế được tạo ra vào năm 2014 bởi Google. Nó sử dụng nhiều bố cục dựa trên lưới hơn, hình ảnh động và chuyển tiếp linh hoạt, phần đệm và...

Shape Divider – Ứng dụng tạo phân chia giữa các phần (Section)

24/07/2024 0 40 2 phút đọc

Nếu bạn đang muốn làm website trông ấn tượng hơn bằng cách phân tách các phần nội dung (section) một cách sáng tạo, thì Shape Divider là công cụ tuyệt vời dành cho bạn.

Làm thanh tiến trình hình tròn chỉ với SVG và CSS

23/07/2024 0 24 1 phút đọc

Demo

Nếu bạn muốn làm một thanh tiến trình hình tròn đơn giản, bài viết này sẽ giúp bạn.

Tùy chỉnh Checkbox với SVG

23/07/2024 0 18 3 phút đọc

Demo

Checkbox mặc định nhìn hơi chán? Không sao, vì bạn hoàn toàn có thể biến nó thành một thành phần UI cực kỳ mượt mà với SVG. Trong bài này, mình sẽ chỉ cho bạn...

Làm biểu tượng kéo xuống để xem tiếp với CSS

22/07/2024 0 30 2 phút đọc

Demo

Nếu bạn muốn làm một biểu tượng để hướng dẫn người dùng kéo xuống để tiếp tục xem, bài viết này sẽ giúp bạn.