Thủ thuật Front-end

Neumorphism.io – Công cụ tạo hiệu ứng bóng đổ 3D mịn màng

21/07/2024 0 69 2 phút đọc

Demo

Neumorphism.io là công cụ trực tuyến giúp bạn tạo hiệu ứng đổ bóng 3D mềm mại theo phong cách Neumorphism – một xu hướng thiết kế từng gây sốt trong cộng đồng UI/UX.

Anime.js – Thư viện JavaScript tạo hiệu ứng chuyển động cực đỉnh

21/07/2024 0 92 2 phút đọc

Demo

Anime.js là một thư viện JavaScript nhẹ, mạnh mẽ và cực kỳ linh hoạt, giúp bạn tạo ra các hiệu ứng chuyển động ấn tượng cho giao diện web. Từ animation SVG, DOM đến CSS...

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é.

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ụ...

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...

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...

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.

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 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.

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.

PatternPad – Thiết kế hoa văn đẹp từ vô số biến thể

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

PatternPad là một công cụ thiết kế họa tiết (pattern) trực tuyến giúp bạn tạo ra các mẫu hoa văn đẹp mắt chỉ trong vài thao tác. Với giao diện trực quan, dễ sử dụng...

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à...

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.

Ẩ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.

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à...

Ẩ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...

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...

Danh sách API miễn phí cực hay để làm blog thêm hấp dẫn

10/11/2024 0 46 3 phút đọc

Nếu bạn muốn blog của mình thêm sinh động, hữu ích và độc đáo – hãy cân nhắc tích hợp các API miễn phí. Dưới đây là những dịch vụ cực chất, dễ dùng và...

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...

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...