HTML & CSS

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

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

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

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.

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

21/07/2024 0 36 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 289 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ự...

Sắp xếp bố cục tự động với Packery

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

Demo

Nếu bạn muốn làm một danh sách các bài viết, hình ảnh, v... được sắp xếp tự động hoặc có thể kéo thả sắp xếp thứ tự, thì Packery sẽ giúp bạn.

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

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

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

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

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

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

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

20/07/2024 0 79 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 378 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....

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

20/07/2024 0 243 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.

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

19/07/2024 0 130 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.

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