12/08/2018, 16:52

Evil Icons – Một Clean SVG Line Icon Pack cho Web Developers

Với một cái tên như Evil Icons, bạn có thể không chắc mong đợi gì. Nhưng đáng ngạc nhiên là nó lại rất hữu ích hữu ích! Gói Evil Icons cung cấp một bộ sưu tập của một vài chục icons trong phong cách line icon . Chúng sử dụng các hình dạng mỏng với các trung tâm trong suốt, tạo ra các biểu ...

Với một cái tên như Evil Icons, bạn có thể không chắc mong đợi gì. Nhưng đáng ngạc nhiên là nó lại rất hữu ích hữu ích! Gói Evil Icons cung cấp một bộ sưu tập của một vài chục icons trong phong cách line icon . Chúng sử dụng các hình dạng mỏng với các trung tâm trong suốt, tạo ra các biểu tượng được thiết kế riêng cho giao diện người dùng và trang web tối giản. Bạn có thể tải các icons này dưới dạng tệp SVG đơn giản và xuất ra tệp tin PNG nếu cần. Hoặc, bạn có thể tải chúng trực tiếp thông qua một Ruby gem , Node package , hoặc thông qua Gulp hoặc Grunt. Mặc dù gói icon tự hiển thị như là SVG-only, nó cũng hỗ trợ các tập tin nguồn gốc. Trang chủ thực sự cho phép bạn tải xuống các icons trong ba loại tệp khác nhau: 1.SVG 2.Sketch 3.Illustrator (AI) Với các tập tin nguồn gốc, bạn có thể dễ dàng chỉnh sửa các icons hoặc thậm chí thêm của riêng bạn vào. Nhà sáng lập Alexander Madyankin & Roman Shamin vẫn đang duy trì dự án, do đó bạn thậm chí có thể đề xuất các icons bổ sung mới vào gói. Tuy nhiên, phần tuyệt vời về Evil Icons là bạn không cần phải làm gì cho họ nếu bạn không muốn. Với các tệp CDN cho biểu định kiểu và tập lệnh JS, bạn có thể nhúng các biểu tượng này ngay vào trang của bạn và bắt đầu sử dụng chúng ngay. Mỗi icon có một CSS class mà bạn sẽ tìm thấy trên trang giới thiệu chính bằng cách hover qua mỗi phần tử. Bạn có thể thêm lớp này thông qua HTML hoặc các yếu tố mục tiêu động với JavaScript. Với hàng loạt các kích cỡ khác nhau, hình động tùy chỉnh và các tệp nguồn thô để chỉnh sửa, Evil Icons phải là một trong số các iconsets có sẵn trên web hiện nay.Một gợi cho bất kỳ loại dự án và hoàn hảo cho cả designer và developer.

Nguồn: hongkiat.com

Bài liên quan

SVG là gì? Tại sao nên dùng SVG để tăng tốc cho web

Việc hiển thị hình ảnh trên nhiều độ phân giải màn hình là một vấn đề đau đầu với bất kì một ai dù là trên web hay ứng dụng di động. Hôm nay bài này sẽ giới thiệu cho các bạn một thủ thuật. Đó là việc dùng hình ảnh dạng vector, mà cụ thể là SVG để tiết kiệm công sức, tăng tốc độ load ...

Vũ Văn Thanh viết 09:57 ngày 20/07/2019

Một số tool hữu ích dành cho web developer có thể bạn chưa biết (Phần 1)

Người viết: Hữu Khuyên Ngày nay lĩnh vực công nghệ phát triển một cách vượt bậc, bên cạnh đó sự trải nghiệm người dùng cũng được theo đó mà tăng lên đáng kể. Đằng sau những giao diện bắt mắt là những ý tưởng mới mẻ, tốn rất nhiều công sức của Developer. Dưới đây mình tổng hợp một số ...

Trịnh Tiến Mạnh viết 09:54 ngày 20/07/2019

Một số tutorial hữu ích dành cho full stack web application.

Một số tutorial hữu ích dành cho full stack web application: Git: https://www.youtube.com/watch?v=E1U3ckBaUN8&list=PLNRc263j7V3uUviCSOamkXQ77mfXyCgI_ Webpack: https://www.youtube.com/watch?v=1tyQnWE8Vd8&list=PLJ5qtRQovuEOqsMokakP9ue-y_jXhmCwJ React: https://www.youtube.com/watch?v=gL ...

Trịnh Tiến Mạnh viết 17:01 ngày 12/08/2018

Evil Icons – Một Clean SVG Line Icon Pack cho Web Developers

Với một cái tên như Evil Icons, bạn có thể không chắc mong đợi gì. Nhưng đáng ngạc nhiên là nó lại rất hữu ích hữu ích! Gói Evil Icons cung cấp một bộ sưu tập của một vài chục icons trong phong cách line icon . Chúng sử dụng các hình dạng mỏng với các trung tâm trong suốt, tạo ra các biểu ...

Tạ Quốc Bảo viết 16:52 ngày 12/08/2018

Một số tiện ích trên Chrome cho các web Developer, Designer và Tester

Giới thiệu: Chrome là trình duyệt mạnh mẽ và nổi tiếng với giao diện đơn giản, light-weight cùng một loạt tiện ích giúp nâng cao hiệu năng. Nếu bạn là một Designer, Developer hay Tester, hẳn những tiện ích thú vị mà Chrome dành cho bạn dưới đây sẽ giúp cho công việc của bạn nhẹ nhàng hơn bao ...

Trịnh Tiến Mạnh viết 16:44 ngày 12/08/2018
0