CSS3

Ảnh minh họa: Codepad – Kho mã nguồn dựng

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

Ảnh minh họa: Hướng dẫn sử dụng hiệu ứng

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

22/07/2024 1 118 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é.

Ảnh minh họa: Anime.js – Thư viện JavaScript tạo

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

21/07/2024 0 100 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...

Ảnh minh họa: Neumorphism.io – Công cụ tạo hiệu

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

21/07/2024 0 70 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.

Ảnh minh họa: LottieFiles – Kho biểu tượng chuyển

LottieFiles – Kho biểu tượng chuyển động miễn phí

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

LottieFiles là nền tảng cung cấp hàng ngàn biểu tượng và animation chuyển động mượt mà, giúp bạn dễ dàng nâng tầm giao diện website mà không cần kiến thức lập trình phức tạp.

Một số thư viện Slider / Carousel mượt mà

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

Dưới đây là những thư viện tạo Slider / Carousel được sử dụng rộng rãi, có hiệu năng tốt, dễ tích hợp và đặc biệt là gọn nhẹ, responsive, phù hợp cho mọi loại dự...

Ảnh minh họa: Transition.css – Thư viện hiệu ứng

Transition.css – Thư viện hiệu ứng chuyển tiếp cực mượt

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

Transition.css là một thư viện hiệu ứng chuyển tiếp nhẹ, đơn giản và dễ sử dụng, giúp bạn nhanh chóng thêm các animation mượt mà vào trang web mà không cần tự viết tay từng...

Ảnh minh họa: CSS.glass – Tạo hiệu ứng thủy

CSS.glass – Tạo hiệu ứng thủy tinh với CSS

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

Demo

CSS.glass là một công cụ online giúp bạn tạo nhanh hiệu ứng Glassmorphism – hiệu ứng "thủy tinh mờ ảo" thường thấy trong thiết kế giao diện hiện đại như macOS, iOS hay Windows 11.

Ảnh minh họa: Iconoir – Biểu tượng SVG miễn

Iconoir – Biểu tượng SVG miễn phí

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

Demo

Iconoir là một thư viện icon mã nguồn mở gồm hàng trăm biểu tượng thiết kế tối giản, hiện đại, phù hợp với mọi loại giao diện web. Bạn có thể sử dụng icon dưới...

Ảnh minh họa: Loading.io – Tạo ảnh động loading

Loading.io – Tạo ảnh động loading cực dễ dàng

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

Loading.io là một trong những công cụ phổ biến nhất để tạo biểu tượng loading động (spinner, loader, preloader) dùng cho website, ứng dụng hoặc sản phẩm kỹ thuật số. Bạn có thể tạo ảnh...

Ảnh minh họa: Tạo phân chia giữa các phần

Tạo phân chia giữa các phần (Section) với CSS

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

Demo

Nếu bạn không muốn phần phân chia giữa các phần (section) chỉ đơn giản là một đường ngang, thì bài viết này sẽ giúp bạn.

8 thư viện CSS hiệu ứng chuyển động (Animate) tuyệt vời

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

Bài viết giới thiệu 8 thư viện CSS cung cấp hiệu ứng chuyển động (Animate), mời các bạn tham khảo nhé.

Kiểm tra độ mạnh yếu của mật khẩu với JavaScript

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

Demo

Nếu bạn muốn kiểm tra độ mạnh yếu của mật khẩu khi người dùng nhập, bài viết này sẽ giúp bạn.

Ảnh minh họa: UI Ball – Hiệu ứng loading

UI Ball – Hiệu ứng loading CSS cực đẹp và mượt

20/07/2024 0 77 3 phút đọc

Demo

Nếu bạn đang tìm hiệu ứng loading cực đẹp bằng CSS, thì ngoài CSS Loades còn có UI Ball cũng rất đáng tham khảo.

CSS Loaders – Bộ sưu tập hiệu ứng loading sử dụng CSS

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

Demo

Trong quá trình phát triển web, đặc biệt là các dự án cần hiệu ứng chuyển tiếp, chờ dữ liệu hoặc preload trang, việc sử dụng hiệu ứng loading là điều gần như bắt buộc....

Ảnh minh họa: Lordicon – Tạo hiệu ứng chuyển

Lordicon – Tạo hiệu ứng chuyển động cho biểu tượng (Icon)

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

Lordicon là nền tảng cung cấp hàng trăm biểu tượng động chất lượng cao, có thể tùy biến màu sắc, kiểu animation và dễ dàng tích hợp vào website, ứng dụng hoặc slide trình chiếu.

Ảnh minh họa: Tạo nền có hiệu ứng chuyển

Tạo nền có hiệu ứng chuyển động đơn giản với CSS

19/07/2024 0 129 4 phút đọc

Demo

Nếu bạn muốn tạo nền có hiệu ứng chuyển động đơn giản với CSS thay vì để nền một màu cơ bản, bài viết này sẽ giúp bạn.

Ảnh minh họa: UIkit – CSS Framework cực nhẹ

UIkit – CSS Framework cực nhẹ và dễ sử dụng

19/07/2024 0 40 3 phút đọc

UIkit là một CSS Framework nhẹ, modular, hiện đại và rất dễ dùng. Đây là lựa chọn hoàn hảo nếu bạn muốn tạo giao diện web chuyên nghiệp mà không muốn dùng Bootstrap. Giao diện...

Tắt màu sắc trên toàn bộ trang web / Chuyển trang web thành màu trắng đen

19/07/2024 0 73 3 phút đọc

Demo

Trong một số trường hợp đặc biệt như ngày quốc tang, chế độ tưởng niệm, hay đơn giản chỉ là để tạo hiệu ứng nghệ thuật, bạn có thể muốn chuyển toàn bộ website về...