Очень важную тему затрагиваешь, молодец! По ютубу естественный отбор, кто умнее, тот сможет найти обход по скорости, а кто не умеет пользоваться обычными инструкциями из интернета, тот будет смотреть без скорости). К слову отлично работает ютуб, просадок по скорости нету)
Учился верстать по parcel курсам там показывают создавать таблицы через div display table, div display table cell. Скажи плиз есть ли разница в этих методах и зачем продолжать через миллион тд тр табле это делать если проще с дивами? Пс поддерживаемость у этого метода несколько я знаю хорошая почти везде
Еще момент не понял, вот ты делаешь колонки при помощи двух таблиц со стилем display inline block. Я по тому же принципу пытался сделать шапку письма, где слева текст в углу верхнем а справа прижатая к низу ссылка которая align right. То есть левый элемент или первая колонка выровнена по левой стороне а правая по правой, левая вертикал алигн топ а правая боттом. А этим методом колонки всегда зеркальные выходят, нельзя их по разному обставить. Получилось это сделать только когда каждая колонка была td -шкой внутри которой был table. Мб я не так понял и твоим методом можно выполнить задачу о которой я выше написал?
Ой. Сколько нужного. Надеюсь я и это успею увидеть )) Делал страничку/карточку товара по твоим видео про слайдер Swiper. Хотелось бы довести до ума. Допустим у однотипного товара несколько цветов. Т.е. цвета это кнопки. Это понятно. Как фотки чтоб менялись? Был зелёный телефон, нажал на желтую кнопку - стали фотки с желтым телефоном. Может есть об этом в сериях видео про сайты с "0"?
@@maxgraph об этом я догадался. Как раз бы на практике познать. Зря значит макеты изучаю? Дошёл до кросовок. Почти. Но почему то одного цвета. )) Так не бывает
Существует какой-то надежный способ встраивать картинки в тело письма, чтобы не загружать их из интернета. Например, преобразовать в base64? Насколько это хорошо будет работать в Outlook?
Спасибо за урок. Вот смотрю на рассылку, а там есть например ссылка "отписаться от рассылки" или обращаются по имени в рассылке. После верстки письма, какие дальнейшие шаги должны быть?! Например есть рассылка с товарами. То верстальщик вручную вписывает название товара, цену и тд или такое письмо формируется автоматически для каждого клиента, а в верстке прописывается какой то код, который подставляет имя или конкретный товар ?!
Это уже зависит от реализации. Обычно все это делается через почтовый сервис, типа mailchimp Там уже может быть база подписанных на рассылку, там же проставляется ссылка отписки и так далее.
Добрый день! Дела все как у вас и брала стартовый образец. У меня не сработала темная тема. С чем это может быть связано? Проверила письмо на реальной почте на яндексе и маил. Все хорошо. Но вот как проверять в outlook?Как настроить окружение или что надо сделать
@@maxgraph не знаю как, но муж что-то настроил и у меня есть возможность в нем проверять. Вроде как фронтендщик должна знать, но не знаю. Мне в этот раз помогло человеческое нытье😉А вот с темной темой никак не получается. Не работает.
Правильно ли я понял, что Gmail на IOS автоматически заменяет цвета при темной теме и ему все равно что ты указываешь в media запросе? Т.е. повлиять на это я никак не могу?
Не совсем понял почему бы просто в td контент не писать сразу, зачем нужно делать table -> tr -> td > table > tr> td > и только тут контент. Зачем нагромождать и почему бы просто в первой td не вставить контент и для аутлука так же?
Спасибо за видео! Особенно обновление информации! Редко можно где встретить актуальную информацию по тому или иному методу верстки.
Спасибо за демонстративный пример, очень поучительно. Возможно, скоро применю в настоящем проекте
Очень важную тему затрагиваешь, молодец! По ютубу естественный отбор, кто умнее, тот сможет найти обход по скорости, а кто не умеет пользоваться обычными инструкциями из интернета, тот будет смотреть без скорости). К слову отлично работает ютуб, просадок по скорости нету)
Спасибо. Хорошо что много вариантов.
Спасибо за видео. Подскажите где итоговый код посмотреть?
Добрый день. boosty.to/maxgraph
Здравствуйте, а вот эта штука - - у вас есть на курсе?
Здравствуйте. Нет
Учился верстать по parcel курсам там показывают создавать таблицы через div display table, div display table cell. Скажи плиз есть ли разница в этих методах и зачем продолжать через миллион тд тр табле это делать если проще с дивами? Пс поддерживаемость у этого метода несколько я знаю хорошая почти везде
Без тегов таблиц письмо не будет работать во всех версиях аутлука
Еще момент не понял, вот ты делаешь колонки при помощи двух таблиц со стилем display inline block. Я по тому же принципу пытался сделать шапку письма, где слева текст в углу верхнем а справа прижатая к низу ссылка которая align right. То есть левый элемент или первая колонка выровнена по левой стороне а правая по правой, левая вертикал алигн топ а правая боттом. А этим методом колонки всегда зеркальные выходят, нельзя их по разному обставить. Получилось это сделать только когда каждая колонка была td -шкой внутри которой был table.
Мб я не так понял и твоим методом можно выполнить задачу о которой я выше написал?
Ну внутри таблицу же можно сделать другую таблицу. Получится то же самое, что и у тебя)
@@maxgraph гениально, думал так нельзя, вроде работает 🥲
Максим Здравствуйте! Спасибо за видео! А вы не хотите создать курс по JS (на платной основе) ?
Пока нет)
есть неплохая либа react-email ,я ее использовал
Ну ты и про Ютуб не забывай. Твои ролики не только в России смотрят. У нас с ютубом всё ок
Никто и не думал забывать) лишь бы была возможность
Ой. Сколько нужного. Надеюсь я и это успею увидеть ))
Делал страничку/карточку товара по твоим видео про слайдер Swiper. Хотелось бы довести до ума. Допустим у однотипного товара несколько цветов. Т.е. цвета это кнопки. Это понятно. Как фотки чтоб менялись? Был зелёный телефон, нажал на желтую кнопку - стали фотки с желтым телефоном. Может есть об этом в сериях видео про сайты с "0"?
Такого нет. Но тут нужен js)
@@maxgraph об этом я догадался. Как раз бы на практике познать. Зря значит макеты изучаю? Дошёл до кросовок. Почти. Но почему то одного цвета. )) Так не бывает
Существует какой-то надежный способ встраивать картинки в тело письма, чтобы не загружать их из интернета.
Например, преобразовать в base64? Насколько это хорошо будет работать в Outlook?
Думаю, нет.
Спасибо за урок. Вот смотрю на рассылку, а там есть например ссылка "отписаться от рассылки" или обращаются по имени в рассылке.
После верстки письма, какие дальнейшие шаги должны быть?!
Например есть рассылка с товарами. То верстальщик вручную вписывает название товара, цену и тд или такое письмо формируется автоматически для каждого клиента, а в верстке прописывается какой то код, который подставляет имя или конкретный товар ?!
Это уже зависит от реализации. Обычно все это делается через почтовый сервис, типа mailchimp
Там уже может быть база подписанных на рассылку, там же проставляется ссылка отписки и так далее.
Добрый день! Дела все как у вас и брала стартовый образец. У меня не сработала темная тема. С чем это может быть связано? Проверила письмо на реальной почте на яндексе и маил. Все хорошо. Но вот как проверять в outlook?Как настроить окружение или что надо сделать
Проверять в аутлук, как и другие клиенты, можно либо отправляя письма, либо используя платные ресурсы, вроде emailonacid
@@maxgraph не знаю как, но муж что-то настроил и у меня есть возможность в нем проверять. Вроде как фронтендщик должна знать, но не знаю. Мне в этот раз помогло человеческое нытье😉А вот с темной темой никак не получается. Не работает.
Правильно ли я понял, что Gmail на IOS автоматически заменяет цвета при темной теме и ему все равно что ты указываешь в media запросе? Т.е. повлиять на это я никак не могу?
Да, такое может быть)
Oh My God!!! 😱
Очень интересная тема. Спасибо. А на сколько верстка писем востребована?! Есть ли заказы?!
Заказы есть, вакансии тоже)
@@maxgraph Стоит ли использовать фреймворки для верстки писма?! например mjml, foundation ?! Или лучше без использование фреймворков?!
@romanzinchuk681 если хотите - можно конечно) но надо проверять, там как правило аутлук ломается)
макеты для тренировки трудно найти
Verstaem.online, заходи)
Не совсем понял почему бы просто в td контент не писать сразу, зачем нужно делать table -> tr -> td > table > tr> td > и только тут контент. Зачем нагромождать и почему бы просто в первой td не вставить контент и для аутлука так же?
Так удобнее - делать своеобразные секции из таблиц.
эх жаль Ютуб и РКН не дают посмотреть данное видео! ( ... надеюсь всё наладиться!
впн в помощь
Нету .ExternalClass в стилях, для старых Оутлуков полезно их