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à kho hình ảnh, vector, template chất lượng cao và hoàn toàn miễn phí, nếu bạn đang tìm kiếm hình ảnh minh họa cho dự án của bạn, thì hãy tham khảo ngay nhé.

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

Iconoir cung cấp biểu tượng (Icon) miễn phí định dạng SVG hoặc cũng có thể sử dụng qua thư viện CSS như Font Awesome.

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