#SVG #tips

Почему для фавиконок сайтов стоит использовать SVG и как это реализовать:

https://tprg.ru/jq7Y

#фронтенд #svg

Делаем круги на CSS

В статье вы узнаете как делать круги с помощью:

Border Radius
SVG
Clip Path
Radial Gradient

Научитесь:

центрировать контент внутри круга
обрезать контент на html + css
обрезать с помощью svg
размещать текст внутри круга
размещать текст по кругу

(ссылки ведут на codepen с примером)

#css #svg

​SVG-редакторы в браузере

Одна из самых крутых вещей в SVG заключается в том, что несмотря на всю мощность этого инструмента, он остается понятным и легко редактируемым.

Есть множество инструментов для работы с SVG, в том числе браузерные:

👉 editor.method.ac
👉 SVG edit
👉 Vector Paint
👉 Drawing SVG
👉 Vecteezy Editor
👉 Vectr
👉 Janvas
👉 Boxy SVG
👉 RollApp

Подробный список с описаниями: https://prglb.ru/5gefr

#tools #svg

Руководство по работе с SVG

Огромный гайд по работе с векторной графикой в Adobe Illustrator, Sketch и Figma.

https://prglb.ru/4wn1v

#svg #tools

#ссылка дня

Сегодня ссылка дня говорит сама за себя: https://svgontheweb.com/ru/

«SVG в вебе. Практическое руководство»

В дружественных чатах постоянно проскакивают вопросы о подключении SVG в HTML, об их оптимизации, стилизации и манипуляции над ними.

И каждый раз ответы – одинаковые. И не всегда верные и однозначные.

Собственно, это руководство не будет долго погружать в теорию (минимальную всё же даст), но вот рабочие примеры — предоставит. Есть официальный перевод на русский язык, а желающие могут дополнить на GitHub.

#svg #sprite #css