Крутейшие видео. Просто, понятно, быстро. Обычно все подобные видео по 40 минут зачем-то, а тут на много коротких разбито и легко смотрится, можно подтему посмотреть, обдумать, передохнуть и дальше. А в длинном видео теряешься в итоге. Спасибо за уроки)
А ещё SVG-код можно добавлять через CSS, с помощью свойства content у псевдоэлементов. К сожалению, поменять цвет можно только изменив вставленный SVG код. Поэтому CSS анимации работать не будут. Но зато этот способ очень заметно улучшает чистоту html разметки
Когда-то краем уха слышал про такой инструмент как Canvas в HTML, я так понял на нём тоже что-то рисуют, и на первый взгляд он похож на SVG, тоже как-будто там на математике все устроено. Для чего он используется? Для игр? Вам приходилось с ним сталкиваться?
Для игр и сложной графики (диаграмм, к примеру). Использовал этот тег напрямую пару раз в экспериментальных целях. Зачастую есть библиотеки (ThreeJS, к примеру), которые работают под капотом с канвасом, ну а сами предоставляют более удобный интерфейс.
4:00 В 99% ситуаций фронтендеры сами код не пишут. Согласен. Но делают они это зря. Качество кода SVG-файла сгенерированного Фигмой или векторным редактором такое-же низкое, как автоматически сгенерированный программими HTML. В 90% случаев руками можно нарисовать иконку во много раз проще, чем это делают проги. Ни какое автоматическое сжатие так не сможет. Но если это видео для новичков, то им об этом можно пока и не говорить.
Да ну как же зря. Качества вполне хватает. Ещё не хватало учиться иконки рисовать. Давайте ещё и на это время потратим помимо изучения 100500 технологий.
Спасибо за комментарий! Евгений, видео - для новичков. Я привожу в примеры те форматы, которые присутствуют в стандартном наборе селекта при экспорте ассета из фигмы. Я бы мог перечислить все форматы, поддерживаемые браузером, но чтобы что? Я углубляюсь в тему настолько, насколько это нужно новичкам.
Крутейшие видео. Просто, понятно, быстро. Обычно все подобные видео по 40 минут зачем-то, а тут на много коротких разбито и легко смотрится, можно подтему посмотреть, обдумать, передохнуть и дальше. А в длинном видео теряешься в итоге. Спасибо за уроки)
Кратко и ясно)
Крутая подача. Спасибо 😊
спасибо!
Спасибо 👍
ждем видео про спрайты, использовал use тег для спрайтов, но вроде читал, что есть более современные способы. могу ошибаться
А ещё SVG-код можно добавлять через CSS, с помощью свойства content у псевдоэлементов.
К сожалению, поменять цвет можно только изменив вставленный SVG код. Поэтому CSS анимации работать не будут.
Но зато этот способ очень заметно улучшает чистоту html разметки
Да, всё верно. Про более глубокую работу с SVG ещё точно будет видео на канале, где и это упомяну, спасибо :)
Александр, спасибо за видео! Звук довольно тихий, пришлось макбук на полную выкручивать.
Исправляюсь! Уже буквально через пару роликов аудиодорожка с голосом будет выкручена на максимум :)
Когда-то краем уха слышал про такой инструмент как Canvas в HTML, я так понял на нём тоже что-то рисуют, и на первый взгляд он похож на SVG, тоже как-будто там на математике все устроено. Для чего он используется? Для игр? Вам приходилось с ним сталкиваться?
Для игр и сложной графики (диаграмм, к примеру). Использовал этот тег напрямую пару раз в экспериментальных целях. Зачастую есть библиотеки (ThreeJS, к примеру), которые работают под капотом с канвасом, ну а сами предоставляют более удобный интерфейс.
@@AleksanderLamkov Понял, спасибо за ответ)
Скопировал svg логотип (небольшой) с онлайн сайта и вставил в учебную html разметку, где он стал оочень огромных размеров. Почему так произошло???
Значит на сайте, с которого скопировал SVG, были применены стили к этому элементу, которые ограничивали его размер.
4:27 А почему девелопер мод в фигме не юзаешь? Вроде на острие технологий, а такую полезную фичу игноришь. Вон же у тебя переключатель выключен.
Потому что это видео не про фигму. А выгружать ассеты можно и из стандартного режима.
@@AleksanderLamkov можно. Согласен. Но в девелопер моде это бы заняло меньше экранного времени. ИМХО
4:00 В 99% ситуаций фронтендеры сами код не пишут. Согласен. Но делают они это зря. Качество кода SVG-файла сгенерированного Фигмой или векторным редактором такое-же низкое, как автоматически сгенерированный программими HTML. В 90% случаев руками можно нарисовать иконку во много раз проще, чем это делают проги. Ни какое автоматическое сжатие так не сможет. Но если это видео для новичков, то им об этом можно пока и не говорить.
Да ну как же зря. Качества вполне хватает. Ещё не хватало учиться иконки рисовать. Давайте ещё и на это время потратим помимо изучения 100500 технологий.
@@alexb.2616 Такова профессия. Рано или поздно выучишь и 200600 технологий. Если не сдашься завтра конечно :)
2:48 PNG и ни какой другой? Здрасте, профессионалушка... А WEBP кому разрабатывали?
Спасибо за комментарий!
Евгений, видео - для новичков. Я привожу в примеры те форматы, которые присутствуют в стандартном наборе селекта при экспорте ассета из фигмы.
Я бы мог перечислить все форматы, поддерживаемые браузером, но чтобы что? Я углубляюсь в тему настолько, насколько это нужно новичкам.