я учусь всему сам и сижу на многих каналах, читаю много материала и много практикуюсь, но не видел ни разу что-бы кто-то настолько хорошо, четко и правильно излагал материал, продолжай нас удивлять, ты хороший парень, спасибо тебе большое
@@sergeyermolaev270за счёт смещения картинки по оси Z, то есть вглубь. Это когда вы едет на машине, и дальние объекты движутся медленнее, чем передние. Точно так же и тут, мы отдалили заднюю картинку, и она стала дальше, и из-за этого создался эффект разной скорости прокрутки
Господи, это настолько полезно и понятно. Всегда все эти вещи казались сложными, но вы буквально за десять минут объяснили все так четко и понятно. Большое вам спасибо за ваш труд!
Ты серьезно? Не интересно? Вот пора прекращать с такими мыслями. Я во фронтенде живу уже, а ты показываешь такие фишки, которые я бы даже не начал учить. Спасибо тебе! Продолжай дальше
а этот лысый умеет убедить поставить лайк, и по моему только он на этом канале обладает той харизмой из-за которой, помимо интересного контента, хочется смотреть ролики, хотя эта фича больше напоминает костыль, но учитывая все предыдущие уроки - Артём молодец, рекламой не кормит, только себя и свою контору продвигает (не в этом видео)
Урок отличный. Объясняете прекрасно. Но все это полумера, потому что это не может работать в отдельном блоке. Мы или делаем всю страницу параллаксом или без, но всего должно быть в меру - анимации, параллакс и пр. Когда можно будет один этаж анимировать, другой с параллаксом а третий спокойным, тогда будет ок.
Это очень ,крутой эффект ,но по итогу придется использовать bacground-attachmend , поскольку в дальнейшем вы столкнетесь с проблемами) Особенно когда начнете работать с Js .
Оптимальную тему для следующего урока ты уже сам назвал. Box-sizing. Для меня он в свое время стал открытием, которое спасло меня от кучи геморроя. Свойство простое, но просто адски полезное.
Все инструкции НА ВЕСЬ ЭКРАН! А сделать параллакс в отдельном блоке на странице - совсем другая история, и естественно, таких вариантов хрен найдешь на чистом css. Если делать как автор видео - нифига не выйдет, картинка расползется, оверфлоу хидден задать нельзя - параллакса не будет. Кто-то из "лайкеров" хоть что-то пробовал из этих видосов в других условиях, а не в "чистых на новой странице на весь экран"?
ля, если ты такой умный зачем тогда смотришь эти видео? Автор тут хотел показать пример того какие манипуляции можно делать при помощи transform и показал интересный пример, а как дальше будут это использовать - это уже личное дело каждого
Да, голову ломаю, как убрать еще один появившейся скролл справа, судя по идее, он наверно там нужен. Пыталась сдеать в отдельной секции с div-ами. Но этот вариант подходит только для чистого body. Ищу дальше. Как информация - полезно. Остальное - самим.
Да это касается 99,9% обучающего контента на Ютубе. Никто за бесплатно раскрывать секреты профессии никогда не станет, всё нужно постигать самому либо нанимать ментора за $30+/час.
Мне понравилось. Продолжай развивать front-end! Хотелось бы увидеть темы вёрстки. Например, куча роликов в ютубе про то, "как сверстать из PSD макета", но нету конкретных правил "хорошей/правильно вёрстки". Как правильно группировать блоки, именование классов, div или h1 и т.д. Вот такого бы плана ролик!
за этим вам на интенсивы html-академии)) Они там очень подробно все объясняют. Если цены кусаются и вы не стесняетесь пиратить - все есть на торрентах. Ни к чему не призываю, просто информирую))
то чувство когда я верстальщик но по ходу я многое чего еще не знаю) афигенная фича. Как то я все ровно мало въехал в механизм работы. и зависимость между текстом и фоном.... Давай еще че нибудь.
Вот интересная фича, я думаю. Нужна форма, которая выглядит так - label: input. И так несколько строчек. Ее легко сделать таблицами. В TR два TD. В первом TD - label, во втором - INPUT. TR конечно может быть много. И вот в чем заморочка, все input должны выравниваться относительно самого длинного label. Вот как это реализовать на flexbox и возможно ли вообще. На крайний случай гридами.
Урааа, Артем меня услышал) Теперь следующая идея для видео: сделай пожалуйста уроки на тему адаптивной верстки современных нестандартных макетов, не 12 колоночных. Андрей Гаврилов выпустил видео на эту тему,но только одно, а этого мало)
Круто, но у меня проблема, то что я не могу теперь на сайт больше ничего добавить, то есть я например пишу текст То у меня почему-то оно появляется сверху, но текста при этом не видно...
Артём! Сделай пожалуйста урок по Wordpress'y , как вывести в категориях - подкатегории, а потом уже уже и посты. А чтобы в категориях показывало не только категории, но и посты, которые прикреплены к этой категории, а не подкатегории
Спс за урок но щас чаще просят сделать уже целую страницу с паралакс переходами или в простонародье страница слайдер( с точками скраю для удобства перехода или меню но там можно и якорями).
Артем, хотел спросить такую вещь, наверняка вы не тестили это с колёсиком мышки. При нажатии его для плавной прокрутки сайта, можно повести курсов правее и тогда появляются куски картинки и грубо говоря портал в нарнию. Если убрать overflow то паралакс сразу не работает, также если убрать из css сразу края удаляются, но вместе с ним и параллакс. Есть идеи что с этим сделать? Если не понятно что я имею введу. Загрузите предоставленный Артёмом код, и запустите с ним пробник сайта -> нажимаете на колёсик мышки и ведете курсор в право.
Привет Артем))Можешь записать видео - есть фиксированное меню и при скролле пункты меню становятся активными, в зависимости в каком разделе мы находимся,например меняет фон или цвет или же подчеркивание появляется?))Буду очень благодарен. Заранее спасибо
классно ! очень интересно есть ли способ задать размеры отступов и шрифта относитнльно ширины родителя (не всего экрана), а родителя блока в котором находится элемент. как сделать например "резинову" кнопку которая будет масштабировать я в зависимости от ширины родителя
хотелось бы узнать как делать горизонтальный параллакс, чтобы когда скролишь страницу вниз то текст как бы выезжал слева на право, в зависимости от того, насколько ты проскролил
Что, простите, оно делает?!))) На самом деле box-sizing меняет правила расчета свойства width у элемента. По умолчанию его значение - content-box, то есть width задает только ширину контента. Меняем на padding-box - в width уже начинают входить паддинги. Меняем на border-box - и бордеры тоже. Предположим, вы хотите сверстать блочок шириной 200 пикселей. Задаете width 200 пикселей. А потом внутри этого блочка вам нужно сделать паддинги по 10 пикселей, чтобы контент не прижимался к краям. Вы их задаете - и они расширяют ваш итоговый блок на 10 пикселей в обе стороны. И вот он уже у вас 220 пикселей вместо 200! Именно для того, чтобы избежать такого поведения, и нужен border-box.
я учусь всему сам и сижу на многих каналах, читаю много материала и много практикуюсь, но не видел ни разу что-бы кто-то настолько хорошо, четко и правильно излагал материал, продолжай нас удивлять, ты хороший парень, спасибо тебе большое
из видоса не понятно за счет какого свойства эффект. Вы поняли - объясните мне.
@@sergeyermolaev270за счёт смещения картинки по оси Z, то есть вглубь. Это когда вы едет на машине, и дальние объекты движутся медленнее, чем передние. Точно так же и тут, мы отдалили заднюю картинку, и она стала дальше, и из-за этого создался эффект разной скорости прокрутки
Господи, это настолько полезно и понятно. Всегда все эти вещи казались сложными, но вы буквально за десять минут объяснили все так четко и понятно. Большое вам спасибо за ваш труд!
Нигде еще не видел, чтобы человек все так подробно объяснял, спасибо огромное тебе за то, что ты существуешь.
Спасибо за урок я долго искал способ сделать паралакс для сайта и это видео помогло мне научиться делать паралакс
Ты серьезно? Не интересно?
Вот пора прекращать с такими мыслями. Я во фронтенде живу уже, а ты показываешь такие фишки, которые я бы даже не начал учить. Спасибо тебе! Продолжай дальше
100%
Вау! Круто! Благодарю за четкое объяснение! Респект 💪
Спасибо ! Благодаря вам, я не стою на одном месте. Каждый ваш урок полезен !
а этот лысый умеет убедить поставить лайк, и по моему только он на этом канале обладает той харизмой из-за которой, помимо интересного контента, хочется смотреть ролики, хотя эта фича больше напоминает костыль, но учитывая все предыдущие уроки - Артём молодец, рекламой не кормит, только себя и свою контору продвигает (не в этом видео)
Искал этот эффект несколько дней, а тут сенсей взял и выложил!!! Спасибо!!!:)
Ты нереально круто объясняешь! Спасибо!!!
Ты настоко круто все рассказываешь, что открывая видос я сходу луплю лукас, а потом только смотрю) спасибо за контент
Такой параллакс эффект прикольно использовать в середине страницы сайта)
Отличное видео. Объяснил все обстоятельно и понятно. Однозначно лайк.
По больше таких уроков, часто использованных фичей js на CSS
Артем, спасибо вам за уроки. Благодаря им, я начал немного понимать HTML + CSS.
Вообще редко спускаюсь в комментарии, но ради такого контента, с радостью.
Спасибо Артем, пили ещё
Просто превосходные уроки, все очень понятно и наглядно! Спасибо за труд, продолжайте в том же духе
Это очень здорово! Я только вхожу в профессию, однако это именно то, что так мотивирует идти дальше!)
Очень интересно, спасибо. Держи пятюню)
Приветствую автора видео! Благодарю вас за очень подробное объяснение! Желаю вам всех благ!
Урок отличный. Объясняете прекрасно. Но все это полумера, потому что это не может работать в отдельном блоке. Мы или делаем всю страницу параллаксом или без, но всего должно быть в меру - анимации, параллакс и пр. Когда можно будет один этаж анимировать, другой с параллаксом а третий спокойным, тогда будет ок.
Спасибо большое за такие видео)
Что то учу, что то понимаю, что то освежаю в памяти с такими объяснениями!)
Молодец, хорошо преподносишь(доносишь в плане скорости и в плане понимания) материал!!! Спасибо.
Четко по делу. Спасибо тебе большое!
Это очень ,крутой эффект ,но по итогу придется использовать bacground-attachmend , поскольку в дальнейшем вы столкнетесь с проблемами) Особенно когда начнете работать с Js
.
Просто на easy обьяснил) 10 из 10, like поставил и подписался на подобные фичи💭👏👀
Всё гениальное просто! Спасибо Артем за фичу
Урок очень интересный. Спасибо!
круто объясняешь, спасибо
Это просто гениально. СПАСИБО!
Супер, спасибо за такое видео, ты красава. Давно хотел узнать как делать это, но даже не знал как называется эта штука)
Замечательно и доступно все объяснил. 5 баллов
Спасибо, Артем! Нереально крутой материал! Жду продолжения. )
Оптимальную тему для следующего урока ты уже сам назвал. Box-sizing. Для меня он в свое время стал открытием, которое спасло меня от кучи геморроя. Свойство простое, но просто адски полезное.
Все инструкции НА ВЕСЬ ЭКРАН!
А сделать параллакс в отдельном блоке на странице - совсем другая история, и естественно, таких вариантов хрен найдешь на чистом css.
Если делать как автор видео - нифига не выйдет, картинка расползется, оверфлоу хидден задать нельзя - параллакса не будет.
Кто-то из "лайкеров" хоть что-то пробовал из этих видосов в других условиях, а не в "чистых на новой странице на весь экран"?
Совершенно верно. Данный пример подойдет для тренировок, но в продакшн-проектах не найдет применения.
Офигенский а если в отдельный контейнер сам параллакс вставить, как джамботрон в бутстрапе, не получиться?
ля, если ты такой умный зачем тогда смотришь эти видео? Автор тут хотел показать пример того какие манипуляции можно делать при помощи transform и показал интересный пример, а как дальше будут это использовать - это уже личное дело каждого
Да, голову ломаю, как убрать еще один появившейся скролл справа, судя по идее, он наверно там нужен. Пыталась сдеать в отдельной секции с div-ами. Но этот вариант подходит только для чистого body. Ищу дальше. Как информация - полезно. Остальное - самим.
Да это касается 99,9% обучающего контента на Ютубе. Никто за бесплатно раскрывать секреты профессии никогда не станет, всё нужно постигать самому либо нанимать ментора за $30+/час.
Еще больше CSS ФИЧ!!!!!!!!
Это круто и интересно)))
спасибо)) ждал твоего решения этой проблемы) подходов много оказывается.
Может теперь вертикальный слайдер на CSS)
Мне понравилось. Продолжай развивать front-end! Хотелось бы увидеть темы вёрстки. Например, куча роликов в ютубе про то, "как сверстать из PSD макета", но нету конкретных правил "хорошей/правильно вёрстки". Как правильно группировать блоки, именование классов, div или h1 и т.д. Вот такого бы плана ролик!
за этим вам на интенсивы html-академии)) Они там очень подробно все объясняют. Если цены кусаются и вы не стесняетесь пиратить - все есть на торрентах. Ни к чему не призываю, просто информирую))
Благодарю за совет)
Все круто. Главное объясняешь круто! Спасибо большое!)
Было бы интересно такую же рубрику с js- фичами, и можно было бы что-нибудь про React.js послушать, просто ты так доступно объясняешь, заходит)
класс ты ваше креативный я бы совсем не додумался бы . Круче нечего не видел
вот это действительно круть!
то чувство когда я верстальщик но по ходу я многое чего еще не знаю) афигенная фича. Как то я все ровно мало въехал в механизм работы. и зависимость между текстом и фоном.... Давай еще че нибудь.
Очень круто! Была бы очень интересна тема с плавным скроллом)
Вот интересная фича, я думаю. Нужна форма, которая выглядит так - label: input. И так несколько строчек. Ее легко сделать таблицами. В TR два TD. В первом TD - label, во втором - INPUT. TR конечно может быть много. И вот в чем заморочка, все input должны выравниваться относительно самого длинного label. Вот как это реализовать на flexbox и возможно ли вообще. На крайний случай гридами.
Атрём,супер,спасибо тебе))
Урааа, Артем меня услышал) Теперь следующая идея для видео: сделай пожалуйста уроки на тему адаптивной верстки современных нестандартных макетов, не 12 колоночных. Андрей Гаврилов выпустил видео на эту тему,но только одно, а этого мало)
думал, что я его задолбал с параллаксом)
)))
Идея конечно не своя и взято с другого видео, но здорово, что с объяснениями и комментариями.
полезный контент, автору благодарность
Стоит записывать дальше!
просто комментарий в знак поддержки каналу)
Ну это ж бомбически крутая фича!! Мегажирный лайк, Артем!! Пошел применять на сайтах!! Всем параллакса!!
Всё хорошо объяснил , теперь можно и про box-sizing ролик увидеть ))
Спасибо большое, друг
Круто, но у меня проблема, то что я не могу теперь на сайт больше ничего добавить, то есть я например пишу текст То у меня почему-то оно появляется сверху, но текста при этом не видно...
Краусаувчик !!! 👌Очень круто !💪👍
Ух ща на ваших уроках научусь делать ах***ные сайты, разбогатею, и с вами поделюсь)
5469620020676233 - вот на эту карту переводи деньги, как разбогатеешь)
@@Glo_Academy принял
Спасибо, необычный подход, я бы пошел другим путем.
Просто и понятно, спасибо
Чел ты красавячик)идея супер)то что можно заменить на css,нужно заменить)
Спасибо! Очень интересно
достаточно изображению на фоне поставить fixed и параллакс готов
Спасибо большое Артема! Очень внятно,кратко и понятно объяснил!!!лойсов понаставил бы,но жаль только один можно ставить(( Спасибо
Артём спасибо за видео. Подскажи пожалуйста на codepen каким сочетанием клавиш ты быстро теги вставляеш?
Это ооооочень интересно!
Кстати Filter классный стиль, недавно о нём узнал было бы классно если бы ты снял Фичи с ним)
Высота сайта ограничивается высотой картинки. Ниже не скролится. Как исправить?
Izlojenie materiala nastol'ko ponyatno i doxodchivo! Ogromnoe spasibo! Kuda kidat' donat?
Артём! Сделай пожалуйста урок по Wordpress'y , как вывести в категориях - подкатегории, а потом уже уже и посты. А чтобы в категориях показывало не только категории, но и посты, которые прикреплены к этой категории, а не подкатегории
Спс за урок но щас чаще просят сделать уже целую страницу с паралакс переходами или в простонародье страница слайдер( с точками скраю для удобства перехода или меню но там можно и якорями).
Спасибо огромное!
Артем, сделай сделай урок по верстке Email письма. Уроки хорошие)
Поддерживаю TheSijisGame , давай скролл экранами!
нужно больше видео про анимации, а то их меньше всего на ютубе
Отлично Артем! Спасибо! Подскажи, есть видео со слайдером фото?
Ты лучший!
Артем, красава продовжуй далі рубрику і запиши відео урок по слайдеру.
Не знаю, был ли такой уже урок, но было бы интересно узнать что-то о видео на бэкграунде
Артем, хотел спросить такую вещь, наверняка вы не тестили это с колёсиком мышки. При нажатии его для плавной прокрутки сайта, можно повести курсов правее и тогда появляются куски картинки и грубо говоря портал в нарнию. Если убрать overflow то паралакс сразу не работает, также если убрать из css сразу края удаляются, но вместе с ним и параллакс. Есть идеи что с этим сделать?
Если не понятно что я имею введу. Загрузите предоставленный Артёмом код, и запустите с ним пробник сайта -> нажимаете на колёсик мышки и ведете курсор в право.
Привет Артем))Можешь записать видео - есть фиксированное меню и при скролле пункты меню становятся активными, в зависимости в каком разделе мы находимся,например меняет фон или цвет или же подчеркивание появляется?))Буду очень благодарен. Заранее спасибо
А может есть пример на реальном сайте лендинге? Или может след уроком реализовать параллакс эффект
Пока что для меня это лучший канал для обучения веб-программированию!!)
Когда будет марофон верстки на Bootstrap 4? А то остальные марофоны не актуальны для нового Bootstrap.
классно !
очень интересно есть ли способ задать размеры отступов и шрифта относитнльно ширины родителя (не всего экрана), а родителя блока в котором находится элемент. как сделать например "резинову" кнопку которая будет масштабировать я в зависимости от ширины родителя
Давай скрол экранами.
+ поддерживаю. Тёма, разбери поблочную прокрутку.
alvarotrigo.com/fullPage/ru/ вот этот юзаю! Полет нормальный)! Есть еще плагин наз-ся scrollify js projects.lukehaas.me/scrollify/#home тоже самое.
GOOO O ЕЩЁ CSS ФИЧИ.
это же прекрасно)
спасибо за паралакс, вот тебе идея на след видео : как делать SVG анимациии через адоб илюстратор и css
вообще ништяк. тебе тоже пятюнчик
Даешь многоуровневое меню на чекбоксах, чтобы открывался след уровень по клику, но без JS
Привет. Подскажите, почему не работает transition: 1s когда применяю transform: translateZ(-1px)?
Спасибо.
Перенёс все в саблайм , сохранил и в хроме ничего, заголовок даже не сдвинулся. Как был слева, так и остался, что нужно сделать?
"как видите, ничего сложного")
хотелось бы узнать как делать горизонтальный параллакс, чтобы когда скролишь страницу вниз то текст как бы выезжал слева на право, в зависимости от того, насколько ты проскролил
Лучше transform-style не задавать inherit, т.к. старые IE его не поддерживают и можно просто так же указать preserve-3d.
За видео спасибо, но звук нужно улучшать!Наверное, субъективно, микрофон с наушниками не слишком хорош для таких видео!
Атрём, спасибо тебе большое! Давай jQuery фичи !
Интересно!!!! Фичи мне и поболе!!!
Артём вы лысый Супермен или Тор среди веб программистов))))) спасибо за уроки Брооо
Планируешь сделать видео с объяснениями работы box-sizing ?
Что, простите, оно делает?!)))
На самом деле box-sizing меняет правила расчета свойства width у элемента. По умолчанию его значение - content-box, то есть width задает только ширину контента. Меняем на padding-box - в width уже начинают входить паддинги. Меняем на border-box - и бордеры тоже. Предположим, вы хотите сверстать блочок шириной 200 пикселей. Задаете width 200 пикселей. А потом внутри этого блочка вам нужно сделать паддинги по 10 пикселей, чтобы контент не прижимался к краям. Вы их задаете - и они расширяют ваш итоговый блок на 10 пикселей в обе стороны. И вот он уже у вас 220 пикселей вместо 200! Именно для того, чтобы избежать такого поведения, и нужен border-box.
Александра Караваева лайк, хуле