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 Radio Button bằng SVG

Radio button mặc định nhìn hơi “cổ điển”? Vậy thì đây là lúc bạn nâng cấp giao diện với Custom Radio Button bằng SVG – vừa đẹp, vừa nhẹ, lại dễ tái sử dụng trong...

Tùy chỉnh Checkbox với SVG

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

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

Init Toolbox

Nhấn Ctrl + \ trên máy tính, hoặc vuốt sang trái ở bất kỳ đâu trên mobile.

Đăng nhập





Đang tải...