SVG

Tìm hiểu và ứng dụng SVG trong thiết kế web: từ biểu tượng, hoạt họa đến tối ưu tốc độ tải trang. Hướng dẫn thực chiến và ví dụ trực quan.

Giảm request bằng cách gom icon SVG dùng chung

Trên các website hiện đại, icon SVG thường được sử dụng để thay thế icon ảnh PNG hoặc font-icon như Font Awesome. Tuy nhiên, nếu bạn nhúng mỗi SVG riêng lẻ cho từng biểu tượng,...

Thêm biểu tượng tùy chỉnh vào UIkit

Tìm hiểu cách mở rộng hệ thống biểu tượng của UIkit bằng cách thêm các biểu tượng SVG tùy chỉnh bằng JavaScript. Hướng dẫn chi tiết cách tối ưu mã SVG, sử dụng UIkit.icon.add() để...

Nén SVG để tối ưu hóa dung lượng mã SVG

Dù SVG vốn nhẹ, bạn vẫn có thể giảm thêm dung lượng bằng cách loại bỏ các thông tin không cần thiết như comment, metadata… Điều này đặc biệt hữu ích nếu bạn sử dụng...

Tùy chỉnh Checkbox với SVG

Nếu bạn cảm thấy Checkbox mặc định không đẹp và muốn thay đổi, thì bài viết này sẽ giúp bạn tùy chỉnh Checkbox với SVG.

Vecteezy – Kho hình ảnh, vector, template miễn phí

Vecteezy là một trong những nền tảng lớn nhất cung cấp tài nguyên thiết kế miễn phí, bao gồm vector, ảnh minh họa, hình nền, icon và cả template dành cho Photoshop, Illustrator hoặc thiết...

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

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

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

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

unDraw – Kho ảnh minh họa miễn phí

unDraw là một trong những thư viện ảnh minh họa miễn phí nổi tiếng nhất dành cho nhà thiết kế và lập trình viên. Điểm mạnh của unDraw là toàn bộ ảnh đều ở dạng...

Tạo hình khối với SVG

Bài viết này hướng dẫn cơ bản về SVG, giới thiệu một số kiến thức cơ bản để vẽ một hình khối SVG sử dụng XML. Nếu bạn chưa từng sử dụng SVG, bài viết...