HTML & CSS

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 170 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 74 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 65 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 39 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 29 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.

Web Code Tools – Công cụ tạo mã cho lập trình viên Front-end

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

Web Code Tools là một bộ công cụ trực tuyến miễn phí, giúp lập trình viên Front-end tiết kiệm thời gian bằng cách tạo ra các đoạn mã HTML, CSS, metadata, structured data… chỉ với...

Framer – Nền tảng kéo thả tạo website dễ dàng

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

Framer là một nền tảng thiết kế và xây dựng website mạnh mẽ, cho phép bạn tạo ra các trang web chuyên nghiệp bằng cách kéo thả trực quan – hoàn toàn không cần biết...

Codepad – Kho mã nguồn dựng sẵn hữu ích

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

Codepad là một nền tảng trực tuyến cho phép lập trình viên chia sẻ, lưu trữ và tổ chức các đoạn mã (code snippet) một cách tiện lợi. Đây không chỉ là một công cụ...

Hướng dẫn sử dụng hiệu ứng Particles.js

22/07/2024 1 117 5 phút đọc

Demo

Particles.js là một thư viện nhỏ gọn cung cấp hiệu ứng tạo ra các vật thể nhỏ trôi nổi trên trang web của bạn, cùng tham khảo nhé.