Мої дії: 1. Зайшов на сайт і декодував картинку 2. Офігів від того, що маленький розмір + фічи що й у png 3. Подивився на календар - 2022 рік 4. Перевірив кросбраузерність - 97% 5. У мене зачесалися руки) Дякую за контент)!!
Додаткове “ Величезне Спасибі” за Ваш Практичний Досвід , різноманітні Ваші “лайфхаки” та поради Практикуючого Експерта... Вони Безцінні... в книжках такого не знайти... Це роки практичного досвіду.... Респект Величезний !!!
Конечно нужно подробнее про svg (в особенности косяки в ie и как с ними бороться). Про векторные шрифты тоже надо. Вообще все интересно, особенно от знающего человека!
@@FreelancerLifeStyle Спасибо за видео, хотелось поподробнее про баги svg с ie (хотя-бы ради приличия в11-м , остальные версии нереально охватить). То с чем столкнулся: масштаб bg из svg полностью не управляемый и ссылки иконок svg меняют масштаб при наведении.
Эти вставки (с усиками в этом выпуске и песнями в прошлом) - то, что нужно. Особенно когда сидишь уже 20-ый час и что-то учишь - такие моменты на секунду дают расслабиться. Спасибо тебе за видосы)
Про webp интересно. Действительно сейчас всё чаще его встречаешь, и круто если он оптимизирован лучше jpg (не только для web, но и для любой техники). Остальные же, я думаю, должны знать большинство даже не связанных с web. Хотя если человек никогда не отображал расширения файлов, не рисовал хотя бы в Paint - может случиться такой фейл ) В любом случае лайк! Обучайся, развивайся, живи...
Женя, как всегда, отличное видео! Про SVG и новые форматы изображений очень интересно! Ждём о них видео! И как всегда видео смотрю до самого конца)))) Твой девиз и музыка в конце - огонь)))
Ты как всегда вовремя) я недавно поюзал svg, и влюбился в этот формат, а именно то что с ним можно делать. Анимации с помощью css, js. Я только за видео по графике. И ещё буду благодарен за информацию по верстке шаблонизатора ruby ERB, если тебе доводилось с ни работать. Мне дали проект, поправить вёрстку. Много времени отбирает разобраться. Всего хорошего тебе!
Все таки яке значення мають символи які використовують у пропаганді на росії. Ще декілька місяців тому я б не звернув уваги на фон з картиною, а тепер хочеться прикрити рукою :D P.S круте відео, дякую!
Все отлично , уроки проходят довольно весело , а главное , что все понятно и на предельно ясном языке . JavaScript туториалы будут ? Не хочется смотреть других , к тебе уже привык 😄👍🏻
Наконец- то нашла четко и по делу. Очень благодарна. Подскажите пожалуйста, вот я не планирую в данный момент становится профессионалом в веб- дизайне, но мне это нравится и пока не могу выполнять дизайн сайтов, но хочу начать с их элементов( иконки, баннеры, логотипы и т. д.) и если с форматами почти все ясно для новичка, то с размерами не очень. Какой делать размер для вектора и растра, если эта картинка продается отдельно, без привязки к конкретному сайту? Заранее большое спасибо.
Спасибо Женя👍🏽🌄) Как всегда все очень полезно! Думаю если будет продолжение в сторону svg то ребята будут рады🙂. В чате было много вопросов по данной теме)
Автору канала выражаю благодарность за годный контент. Единственный канал где я ставлю лайк до того как запускаю видео. Для меня уже как бренд качества.
Как всегда все понятно и ясно вот про оптимизацию очень жду так как есть готовые сайты старые и их картинки сделаны как попало и нужен совет как их оптимизировать помимо пропуска через tinypng ну и самый новый вариант WebP(не очень ясно что это и зачем делал на сайт в этом формате но вот при адаптации на мобилах они не работали).
Очень полезный урок будет: как сделать переключение между webp и jpeg в зависимости от браузера с библиотекой modernizr. Когда сам разбирался, ковырялся часа 2. Новичку сложновато, а гугл очень рекомендует при проверке сайта на скорость загрузки. Как всегда лайк, коммент, чтобы "все заработало". :D
@@FreelancerLifeStyle когда это тег img там меняется на picture. А если речь про background-image, то как сделать проще? Подскажи плиз, если такой способ есть
С modernizr идея такая: нам библиотека добавляет классы к body в зависимости от браузера. Значит, если изображения подключаются через css то мы просто пишем два варианта. Допустим, нам modernizr добавляет класс webp если поддерживается формат и nowebp если нет. Мы просто добавляем .webp перед нашим селектором, где пишем путь к картинке webp и .nowebp перед селектором, в котором путь к jpeg.
С JS идея примерно такая: в начале скрипта заводим глобальную константу IMG-PATH, или как-то так. Далее проверяем, поддерживается ли формат (через navigator, или как там). Если поддерживается, то в неё вставляем 'img/webp/', если нет, то 'img/nowebp/'. Ссылки на картинки в скрипте формируем с этой константой. А в папки кладём файлы в соответствующих форматах с одинаковыми именами.
Добре пояснено все. Дякую! Одне запитання: чому, іноді, відкриваєш якесь зображення з сайту у новій вкладці (щоб переглянути його в повному розмірі), воно відкривається як .jpg і потім натискаеш ПКМ, щоб зберігти собі на компьютер це зображення, а воно зберігається у форматі .webp? Чому не зберігається у форматі .jpg? (браузер - Google Chrome) Не розумію, навіщо так зроблено на деяких сайтах, це не зручно, бо зображення формату .webp не відкриваються стандартними засобами OS Windows, потім потрібно через онлайн конвертор з .webp робити .jpg - це зайва втрата часу та якості зображення після переконвертації.
Про SVG однозначно нужен ролик. И, чем подробнее, тем лучше. Вот столкнулся с проблемой, как поменять цвет при необходимости, например. Да и вообще, узнать о его возможностях - что и как с SVG можно делать. Спасибо за позитивные, содержательные и познавательные ролики! RESPECT
Видео огонь. Спасибо за твои старания))) Только подскажи я вот иконку вставил как ты на видео но чтото она не отображается на сайте, как думаешь что не так? Может чего еще нужно добавить в линк?
Как же триггерит Z на фоне... Жека, спасибо за плейлист! Благодаря тебе быстрее идёт процесс обучения и возможно очень скоро найду первую работу в it и свалю из России. Слава Украине!
После всех часов и дней, проведенных за просмотром этих уроков, незнакомый рыжий чувак стал уже как брат родной)
Спасибо за твою работу!
вот прям про меня, тоже испытываю похожие эмоции)))
@@Xyjail ага))то злюсь на него когда что то не получается,то обожаю когда все идет как надо!!в натуре как брат!
Мої дії:
1. Зайшов на сайт і декодував картинку
2. Офігів від того, що маленький розмір + фічи що й у png
3. Подивився на календар - 2022 рік
4. Перевірив кросбраузерність - 97%
5. У мене зачесалися руки)
Дякую за контент)!!
тебе прийдется постараться, чтобы найти мой альбом и дорисовать усы)))) веселый ролик)
про svg хочется узнать побольше)
Ну, я попробую)
Да да только столкнулся и офигел , что это?
@@FreelancerLifeStyle 11212
Величезне Вам Спасибі за Суперовий Урок!!! Все Максимально Чітко , Достуно і Детально !!! Саме те що потрібно!!!
Респект Величезний!!!
Будь ласка!
Додаткове “ Величезне Спасибі” за Ваш Практичний Досвід , різноманітні Ваші “лайфхаки” та поради Практикуючого Експерта... Вони Безцінні... в книжках такого не знайти... Це роки практичного досвіду....
Респект Величезний !!!
Конечно нужно подробнее про svg (в особенности косяки в ie и как с ними бороться). Про векторные шрифты тоже надо. Вообще все интересно, особенно от знающего человека!
Супер! все будет!
Мелкософт прекратил поддержку ie (вроде) вместе с Win 7. Поэтому можно забыть и про ie, и про косяки в нём.
Раньше приходилось изучать особенности IE6-7-8, а сейчас IE больше нет, жить стало проще 🤣
@@FreelancerLifeStyle Спасибо за видео, хотелось поподробнее про баги svg с ie (хотя-бы ради приличия в11-м , остальные версии нереально охватить). То с чем столкнулся: масштаб bg из svg полностью не управляемый и ссылки иконок svg меняют масштаб при наведении.
Эти вставки (с усиками в этом выпуске и песнями в прошлом) - то, что нужно. Особенно когда сидишь уже 20-ый час и что-то учишь - такие моменты на секунду дают расслабиться. Спасибо тебе за видосы)
Евгений, я лично жду видео на все возможные темы, в самообразовании все средства хороши, особенно как вы - делаете это бесплатно. Однозначно лойс !
Спасибо!
Спасибо тебе огромное! Этот труд бесценен. Быстро и понятно объяснить материал не каждому дано ,поймет даже абсолютный чайник :)
Пожалуйста! Рад что полезно!
Сначала ставлю лайк а потом смотрю видос:) Спасибо
Спасибо!
Тож
"просто напиши комментарий" - така інтонація і міміка, суцільний позитив!😂
Все було дуже цікаво, дякую за відео.
Как всегда, объяснил простым доступным языком про важные моменты при вёрстке. Сделайте пожалуйста урок про SVG. Спасибо Вам.
Спасибо! Сделаю
Полезные видео как из автомата пошли) Спасибо за разъяснения)
Спасибо!
Просьба. Пореже дёргать видос сменой кадра. А в общем - с удовольствием смотрю твой канал. Респект и уважуха!
Ок, что-то придумаю)
@@FreelancerLifeStyle не, не, не)) оставь все как есть)) очень даже хорошо! Без смены будет гг
Жду видео про формат svg. Как всегда понятно и интересно. 👍
Ок, будет)
Нужно😁 очень нужно! Спасибо за обучение для таких как я😁
Урок это практика а практика это лучше чем лекция
Спасибо за видос
Пожалуйста!
Про webp интересно. Действительно сейчас всё чаще его встречаешь, и круто если он оптимизирован лучше jpg (не только для web, но и для любой техники). Остальные же, я думаю, должны знать большинство даже не связанных с web. Хотя если человек никогда не отображал расширения файлов, не рисовал хотя бы в Paint - может случиться такой фейл )
В любом случае лайк! Обучайся, развивайся, живи...
Женя, как всегда, отличное видео! Про SVG и новые форматы изображений очень интересно! Ждём о них видео! И как всегда видео смотрю до самого конца)))) Твой девиз и музыка в конце - огонь)))
Спасибо большое! Очень ценю!
Дякую!
Дуже цікаве відео, тепер при навчанні буду завжди на проектах створювати favicon))
Ты как всегда вовремя) я недавно поюзал svg, и влюбился в этот формат, а именно то что с ним можно делать. Анимации с помощью css, js. Я только за видео по графике. И ещё буду благодарен за информацию по верстке шаблонизатора ruby ERB, если тебе доводилось с ни работать. Мне дали проект, поправить вёрстку. Много времени отбирает разобраться. Всего хорошего тебе!
Спасибо!
Жека, красавчик! Спасибо за видосы! Так держать!
Пожалуйста!
впервые услышал про формат WebP! спасибо, за новую информацию! Буду ждать видео по svg
Пожалуйста!
Спасибо тебе, Евген! столько годного контента.. хороший ты мужик!)))
Рад что полезно!
С нетерпением жду видоса про svg. Спасибо за твой труд.
Отлично, будет!
Сначала лайк и коммент, потом приступаю к просмотру видео ))
Спасибо за уроки !)
Спасибо за урок. Информация про favicon как раз была нужна)))
Полезная инфа! Хотелось бы побольше узнать о работе с svg-форматом. Надеюсь, будет подробный видос от тебя на эту тему.
Спасибо, будет
Сначала смотрю видос, потом, если он интересный, как этот, ставлю лайк :)
Спасибо!
Жека ты супергерой вселенной программирования!
Лайк авансом 👍 Пишу комент, чтобы Жека запилил новый видос по картинкам.
Спасибо большое!
Только сейчас впервые услышал про формат WebP! Клас! Like*1000 Tab!
Как всегда на высоте) и приколы тоже появляются)))
Спасибо!
крутой ролик, как всегда спасибки)
Видос - нормас! Когда, два года назад узнал про svg, был несказанно рад. До этого делал в png
Спасибо!
Все таки яке значення мають символи які використовують у пропаганді на росії. Ще декілька місяців тому я б не звернув уваги на фон з картиною, а тепер хочеться прикрити рукою :D
P.S круте відео, дякую!
Я смотрю все видео) как обычно, лайк!
Спасибо!
Круто!🤘 (Просто комментарий для продвижения ролика)
Спасибо большое!
Отличный видос !
Сапасибо!
Кто как, а я ЗА ролик!)
Супер!
Благодарю Вас за видео.
Спасибо! 👍✨
Дякую більше цікавого дізнався чого навіть не знав)
Крутой видеоролик мне 12 лет,М Все понятно и доходчиво даже мне в таком возрасте,лайк ставлю подписался со вчера))
Круть
Все отлично , уроки проходят довольно весело , а главное , что все понятно и на предельно ясном языке . JavaScript туториалы будут ?
Не хочется смотреть других , к тебе уже привык 😄👍🏻
Спасибо! Будут
Да, отдельный урок было бы тоже очень интересно!
Наконец- то нашла четко и по делу. Очень благодарна. Подскажите пожалуйста, вот я не планирую в данный момент становится профессионалом в веб- дизайне, но мне это нравится и пока не могу выполнять дизайн сайтов, но хочу начать с их элементов( иконки, баннеры, логотипы и т. д.) и если с форматами почти все ясно для новичка, то с размерами не очень. Какой делать размер для вектора и растра, если эта картинка продается отдельно, без привязки к конкретному сайту? Заранее большое спасибо.
Спасибо Женя👍🏽🌄) Как всегда все очень полезно! Думаю если будет продолжение в сторону svg то ребята будут рады🙂. В чате было много вопросов по данной теме)
Понял, теба большая, потянет на отдельный плейлист видимо)
Все понял, Большое спасибо!!!
Спасибо за урок!
спасибо, вы бог!
Пожалуйста!
Полезно и информативно! Лайк!
svg!!! и самое важное это его стилизация!!! урок крутой!
Спасибо!
Спасибо!
Какое у тебя классное рабочее место ^^ космос!
Про svg отдельный урок хочу =)
WebP просто зверь
Спасибо за ролик!
Пожалуйста!
Очень полезно, спасибо
Пожалуйста!
как всегда топ)
Спасибо!
Отличное объяснения спасибо!
Спасибо тебе большое за твой канал!!!
Все так понятно и быстро, я уже за месяц научился верстать простые макеты, и все благодаря тебе!!,
Позитивный чувак с отличной подачей)) Благодарю за информацию! Ясен-красен, подписался)
Спасибо!
0
4
круто, как раз хотел разобраться в этом вопросе, спс! :)
Супер! Я рад!
Жду видео про формат svg! Крутой канал, материал то что надо. Спасибо
Спасибо, Жека!
Пожалуйста!
Огромное спасибо за Вашу работу! С Вами сложное становится простым
Спасибо за видео!
Пожалуйста!
Спасибо)
Супер!!!!!!
Спасибо!
Очень полезно!
Да ты просто чудо!:)
Спасибо за твой труд) Ты очень помогаешь!
Спасибо за очередное классное видео)
Офигенно!
Автору канала выражаю благодарность за годный контент. Единственный канал где я ставлю лайк до того как запускаю видео. Для меня уже как бренд качества.
КрутО СПАСИБО!!! Про svg обязательно!
Евгений Вам большое СПС за ваш труд. От вас учусь всему. Вы лучший!!!
Спасибо! Давно хотел сделать иконку для своего сайта -)
Супер спасибо большое
👍 Дякую за урок
Мне не идут усы. Лайк и коммент оставил.
Отличная подача, всё понятно и по существу. Спасибо!
Безупречные угрозы в начале видео не оставляют шансов забыть поставить лайк!)) Про .svg естественно интересно!
Спасибо!
Ты супер!
Как всегда все понятно и ясно вот про оптимизацию очень жду так как есть готовые сайты старые и их картинки сделаны как попало и нужен совет как их оптимизировать помимо пропуска через tinypng ну и самый новый вариант WebP(не очень ясно что это и зачем делал на сайт в этом формате но вот при адаптации на мобилах они не работали).
Очень полезный урок будет: как сделать переключение между webp и jpeg в зависимости от браузера с библиотекой modernizr. Когда сам разбирался, ковырялся часа 2. Новичку сложновато, а гугл очень рекомендует при проверке сайта на скорость загрузки.
Как всегда лайк, коммент, чтобы "все заработало". :D
Да я все покажу, только гораздо проще)
@@FreelancerLifeStyle когда это тег img там меняется на picture. А если речь про background-image, то как сделать проще? Подскажи плиз, если такой способ есть
вот будем разбираться в след видосе про картинки, все нужно протестить и вывести хороший вариант!
С modernizr идея такая: нам библиотека добавляет классы к body в зависимости от браузера. Значит, если изображения подключаются через css то мы просто пишем два варианта. Допустим, нам modernizr добавляет класс webp если поддерживается формат и nowebp если нет. Мы просто добавляем .webp перед нашим селектором, где пишем путь к картинке webp и .nowebp перед селектором, в котором путь к jpeg.
С JS идея примерно такая: в начале скрипта заводим глобальную константу IMG-PATH, или как-то так. Далее проверяем, поддерживается ли формат (через navigator, или как там). Если поддерживается, то в неё вставляем 'img/webp/', если нет, то 'img/nowebp/'. Ссылки на картинки в скрипте формируем с этой константой. А в папки кладём файлы в соответствующих форматах с одинаковыми именами.
Топ контент!
Спасибо!
Супер ❤️🤗
Спасибо!
Добре пояснено все. Дякую!
Одне запитання: чому, іноді, відкриваєш якесь зображення з сайту у новій вкладці (щоб переглянути його в повному розмірі), воно відкривається як .jpg і потім натискаеш ПКМ, щоб зберігти собі на компьютер це зображення, а воно зберігається у форматі .webp? Чому не зберігається у форматі .jpg? (браузер - Google Chrome) Не розумію, навіщо так зроблено на деяких сайтах, це не зручно, бо зображення формату .webp не відкриваються стандартними засобами OS Windows, потім потрібно через онлайн конвертор з .webp робити .jpg - це зайва втрата часу та якості зображення після переконвертації.
Про SVG однозначно нужен ролик. И, чем подробнее, тем лучше. Вот столкнулся с проблемой, как поменять цвет при необходимости, например. Да и вообще, узнать о его возможностях - что и как с SVG можно делать. Спасибо за позитивные, содержательные и познавательные ролики! RESPECT
Круть!
Спасибо!
Дякую за класний контент
Видео огонь. Спасибо за твои старания))) Только подскажи я вот иконку вставил как ты на видео но чтото она не отображается на сайте, как думаешь что не так? Может чего еще нужно добавить в линк?
Разобралась!) Как оказалось в других браузерах все отображается. А вот в сафари не хочет...
Я согласен! Только альбом надо найти же с начала :).
как всегда все просто и без воды, огромное спасибо Жэкос ))))
Спасибос!
Спасибо за ролик! Хотелось бы узнать больше про webp и svg)
Женя, ты как всегда великолепен!
Всё по делу, без воды! Круто!!! С SVG уже ознакомился, но думаю не все варианты использования узнал. А именно Спрайты. Не перестаю говорить спасибо!
Как же триггерит Z на фоне...
Жека, спасибо за плейлист! Благодаря тебе быстрее идёт процесс обучения и возможно очень скоро найду первую работу в it и свалю из России.
Слава Украине!
Подсос
Дуже подобаються уроки!!!
лучшый контент по верстке что когда либо был!!!!
Дякую за відео Женя