HTML5

OpenUI – AI tạo mã HTML / CSS từ mô tả hoặc hình ảnh

24/07/2024 0 861 3 phút đọc

OpenUI là một công cụ AI thú vị và đầy tiềm năng dành cho các nhà thiết kế web, lập trình viên front-end hoặc bất kỳ ai đang cần tạo giao diện nhanh chóng. Với...

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

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.

Định dạng HTML/CSS/JS trong Sublime Text

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

Sublime Text hỗ trợ cài thêm các gói mở rộng để định dạng (format) mã HTML, CSS, và JavaScript cho gọn gàng, chuẩn cú pháp. Bài viết này sẽ hướng dẫn bạn cách cài đặt...

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

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

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

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.

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

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

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