Хороший стрим вышел. Классный. Много новых решений разобрали и наложения цвета на тексте тоже. Ждем 2 часть стрима с js моментами, что можно сделать на данном макете и мобильная адаптация тоже. И в целом побольше подобных макетов разбирать надо на разные решения и фичи. Продолжайте развиваться и улучшаться.
Да урок супер, но мой мозг убежал в панике когда пошла работа с двумя текстами, потом вернулся послушал умный совет собрал из слоев компонент и экспортировал png не забыл и про ретину общем работаю дальше наслаждаюсь жду продолжения.
спасибо за труд! Продолжайте! Может быть, если некоторые нюансы объяснять, было б еще познавательнее (почему здесь это, а здесь вот так)! Ну это для новичков))))
еще один момент при работе с grid не используются строки в результате чего нужно падингами например поднимать Scroll to discovery тут думаю можно было бы изначально поделить все на столбцы и строки и потом двигать элементы как нам надо но это как говорится из разряда умных мыслей когда говорить легко глядя как другие работают.
@@WebCademy я имел в виду что nav включить в header и поделить все это на строки и колонки и потом раскидать элементы по сетке а с картинкой есть идея что арочная надпись не изменна девиз woof! doggie wash он тоже постоянный а вот подложка пса может менятся так как есть тенденция на моду четвероногих или например цветовая гамма в этом году типа модно быть синим... и как вы и советовали сделать это одной каритинкой с возможностью подставлять псов под нее.
@@WebCademy Просто вы размышляете как художник спец которому интересно заморочиться со сложными и не стандартными решениями и в этом плане это видео бесценно. Я даю советы как новичок в верстке как бы мне хотелось это изучить что бы я мог применять на практике и не заморачиваться лепить надежные простые шаблоны тем более что я бэкендер и не много далек от эстетики покраски кнопок - шутка насчет кнопок ))) еще раз спасибо Вам большое за ваш урок.
@@КуралбекАгубаев-д5с Если мы говорим о замене контента, то в данном конкретном случае, вполне нормально сохранить и собаку и надпись на ней картинкой. А когда надо будет заменить фото на другое, поменять в макете, сохранить картинкой и заменить. Опять же, это не общее правило, а конкретно в данном случае - это вполне оправдано. Но на стриме я сделал все отдельными элементами, так что можно будет редактировать и напрямую сразу в коде или из админка, если таковая будет.
Хотя макет не сложный, но постоянное перескакивание туда сюда не дает возможности ничего рассмотреть даже в записи и с остановками. Такая скорость точно не для начинающих.
В Ютубе можно как увеличить скорость воспроизведения так и уменьшить. Если где-то что-то не рассмотрел, вернись и снизь скорость воспроизведения. Как вариант.
Очень ценный контент. Особенно с точки зрения разбора макета, объяснения верстки и показа многих других тонкостей web-разработки. Спасибо.
Хороший стрим вышел. Классный. Много новых решений разобрали и наложения цвета на тексте тоже. Ждем 2 часть стрима с js моментами, что можно сделать на данном макете и мобильная адаптация тоже. И в целом побольше подобных макетов разбирать надо на разные решения и фичи. Продолжайте развиваться и улучшаться.
Добрый день! Пожалуйста, подскажите, может будет у вас стрим с объяснением второй части макета ?? Хотелось бы вместе с вами вторую часть закончить.
Да, будет, и мобильный адаптив тоже.
@@WebCademy отлично! буду ждать с нетерпением
@@WebCademy Макет и готовый код со стрима будут в Telegram канале без трояна, как был этот?
@@Валіса Без конечно.
Да урок супер, но мой мозг убежал в панике когда пошла работа с двумя текстами, потом вернулся послушал умный совет собрал из слоев компонент и экспортировал png не забыл и про ретину общем работаю дальше наслаждаюсь жду продолжения.
спасибо за труд! Продолжайте! Может быть, если некоторые нюансы объяснять, было б еще познавательнее (почему здесь это, а здесь вот так)! Ну это для новичков))))
Хотелось бы видео с адаптивом главной секции.
еще один момент при работе с grid не используются строки в результате чего нужно падингами например поднимать Scroll to discovery тут думаю можно было бы изначально поделить все на столбцы и строки и потом двигать элементы как нам надо но это как говорится из разряда умных мыслей когда говорить легко глядя как другие работают.
Идею со строками понял, интересная. Только не уверен что она будет элегантнее или легче в реализации чем просто паддиннги, надо проверять.
@@WebCademy я имел в виду что nav включить в header и поделить все это на строки и колонки и потом раскидать элементы по сетке а с картинкой есть идея что арочная надпись не изменна девиз woof! doggie wash он тоже постоянный а вот подложка пса может менятся так как есть тенденция на моду четвероногих или например цветовая гамма в этом году типа модно быть синим... и как вы и советовали сделать это одной каритинкой с возможностью подставлять псов под нее.
@@WebCademy Просто вы размышляете как художник спец которому интересно заморочиться со сложными и не стандартными решениями и в этом плане это видео бесценно. Я даю советы как новичок в верстке как бы мне хотелось это изучить что бы я мог применять на практике и не заморачиваться лепить надежные простые шаблоны тем более что я бэкендер и не много далек от эстетики покраски кнопок - шутка насчет кнопок ))) еще раз спасибо Вам большое за ваш урок.
@@КуралбекАгубаев-д5с Если мы говорим о замене контента, то в данном конкретном случае, вполне нормально сохранить и собаку и надпись на ней картинкой. А когда надо будет заменить фото на другое, поменять в макете, сохранить картинкой и заменить. Опять же, это не общее правило, а конкретно в данном случае - это вполне оправдано.
Но на стриме я сделал все отдельными элементами, так что можно будет редактировать и напрямую сразу в коде или из админка, если таковая будет.
Хотя макет не сложный, но постоянное перескакивание туда сюда не дает возможности ничего рассмотреть даже в записи и с остановками. Такая скорость точно не для начинающих.
Да, будет ролик, по мотивам стрима. С чувством,, с тактом, с расстановкой)
В Ютубе можно как увеличить скорость воспроизведения так и уменьшить. Если где-то что-то не рассмотрел, вернись и снизь скорость воспроизведения. Как вариант.