Спасибо Николай за комментарий, я стараюсь объяснить как можно доступным языком сложные вещи на первый взгляд, понятное изложение кода на начальном этапе поможет сформировать структуру его написания в дальнейшем, а благодаря Ваши комментариям и лайкам этот канал живет и развивается.
Лайк однозначно. Занимаюсь в свободное от работы (не it) время, и племянника подключил, 16 лет от роду. Ему полезно, и мне не скучно. Материал очень хороший, не все конечно выходит сразу, но, главное не сдаваться. Спасибо большое!
Мощно! Идея к уроку, встречал 3D слайдеры, где каждый из фрагментов слайдера переворачивается, тем самым переключается слайд) Интересно было бы посмотреть на эту реализацию слайдера)
Здравствуйте! Подскажите пожалуйста. У меня есть картинка сделанная в фотошопе с гиперссылками. загрузила на сайт папку images с изображениями, туда же забросила файл с разрешением html. На сайте моя картинка отображается не корректно как бы не загружаясь полностью. на других сайтах все работает нормально. У меня юкоз. @t скриншот так картинка становится на сайт
Несколько лет назад я пробовал начинать изучать верстку, но не зашло и бросил это дело. Если бы мне попался на глаза этот урок, то, глядишь, и жизнь сложилась бы иначе.
Очень жалко что такой класный и полезный канал сложно нати из-за малого количества просмотров и подписчиков, канал годный, а вот почему подписчиков так мало я не пойму :( Удачи з каналом, дружище!
У тебя супер уроки, с меня всегда лайк! Но..позволь дать совет из-за рубежа.Читай аббревиатуры/буржуйские слова в нативе. Т.е. не ЦэЭсЭс,а СиЭсЭс и тп...мелочь, но бонус
здравствуйте а как сделать чтобы например не вся картинка анимировалась а только березка например обрамлялась рамкой? я создал карту изображения указал координаты присвоил карте Id в сss прописал чтоб эта карта обрамлялась рамкой но рамка появляется не внутри картинки а где то снаружи
Так это целостная картинка все стили будут применятся к ней в целом. Если хотите сделать отдельный элемент анимированным, используйте масштабируемую векторную графику SVG. Как это сделать, эта тема другого урока, в дальнейшем вероятней всего сниму по этому урок.
спасибо большое.но можно если есть возможность объяснять по конкретнее пожалуйста.а то слишком быстро не могу уловить.я только только учусь этом и думаю что здесь таких большинство.так что если можно объясняйте по конкретнее. и еще можете показать как сделать боковое меню
По боковому меню, включу список предложений, по поводу объяснений тут каждому не угодить, кто то говорит что медленно, для кого то это быстро да в принципе вам главное понять суть реализации данных эффектов, а набор кода везде один и тот же, к тому же можно скачать весь код на сайте при необходимости.
попробовал сделать, не лагает, наверное из-за записи на видео подлагивает) но в конце на актив кнопки транзишен повлиял и для того, чтобы увидеть анимацию при нажатии на кнопку (смену цвета), нужно зажимать кнопку несколько секунд :)
всё ок, разобралась... в HTML нашла не на своём месте) и ...большое спасибо за багатое информацией видео! каждый день по будням учусь по ним и каждый раз довольная приобретённым опытом.
Спасибо за лайкос ). Запоминается только на практике, теория дает только общее представление что это возможно, а все остальное нарабатывается со временем. 20% это очень хорошо.
Спасибо бро .Денис у меня есть простая проблема ,проблема в том што я не правильно пишу ,например как писать код подряд . Правильно задавать класы,заголовки и тд.Покажи сперва что нужно писать подряд правильно ,всегда путаю🙁.
А почему ты думаешь это проблема! Главное что пишешь и достигаешь поставленной перед собой цели. Со временем у тебя выработается стиль его написания и это придет само собой. Не получается изначально формировать правильную структуру кода, пиши как можешь, затем по завершению, группируешь и упорядочиваешь код. С течением времени все это придет само собой.
Скажи лучше 😀. Как остановить Ютуб. Т.е при открытие Ютуб, все ролики шевелятся и пишут субтитры. Что очень, раздражает. Как сделать. Чтобы было как раньше. Пока, не открыл ролик. Он стоит, мертвый.))
Когда добавляешь на сайт, то в классе .container при position: absolute; top: 0; left: 0; Текст улетает в левый верхний угол, а картинка остается на своем месте. Как это исправить?
Чувак спасибо за урок! Очень грамотно и без воды. Если будет время запиши урок по настроике LiveEdit буду очень благодарен. Просто у меня не получается его настроить как только не пробовал НЕ РАБОТАЕТ....(
Тебе скорей всего нужен не как про :active показать, а разобраться полностью с псевдоклассами определяющее динамическое состояние элементов такие как :hover, :link, :focus, :activ, :hover, :visited и т.д. Принцип применения у них один и тот же, но результат дают разные. Возможно в будущем запишу CSS с нуля, где подробно разберу все эти стили.
А почему именно цэ эс эс ? ЦЭ ? Это такой деффект речи ? прям слух режет . . . " уважаемый , на каком языке програмирования вы пишите . . . ? Хмм, на ЦЭЭЭ плюс плюс "
4 года в колледже учился на программиста так и не научился!!! Никак не получается программировать!!!Даже видео уроки смотрел!!!! ААААААА Помоги!!! Помоги!!! Помоги!!! Помоги!!!
+TaTTo DooC тебя в колледже именно верстке учили? тоже учился на программиста и в колледже и в универе, но про верстку html, css, а тем более js даже и не слышал.. приходится самообучаться на ютубе))
Ну, во-первых: оно должно идти от души. Я вот например засыпаю и только думаю о своих кодах, что бы ещё накодить. Бывает, даже по 2 часа заснуть не могу, думаю о прожке. Со мной даже уже друзья не хотят общаться из-за того, что я только о программированию и компьютерах и разговариваю. Я их просто задолбал этим) Во-вторых: уроки должны идти как по маслу. Даже если ты понятия не имеешь как сделать то или иное, то после просмотра какого-то годного (не говно) урока, то ты должен понять процентов 90. Я после одного просмотра сразу начинаю понимать все. Хотя я и оч много конспектирую. У меня миллионы тетрадей) В-третьих: нуу... колледж? Это не серьезно. Даже фраза "в колледже учился на программиста", извините, смешит. Тут нужен только университет. И чем лучше, как бы парадоксально это не звучало, тем лучше. Чем выше универ в рейтинге - тем более вероятно что тебя там больше научат. Но все же самообразование рулит. Дерзай, и помни, программистом может стать каждый. Только для каждого свое время.
Голосуйте на сайте или в VK за тот урок, который хотели бы видеть на канале, и он обязательно появится в следующих выпусках.
Твои уроки бесценны!
Контент высшего качества по оформлению, содержанию и отсутствию воды. Мгновенная подписка. Так держать!
Спасибо, буду рад если поделитесь данными уроками с другими.
*Мой любимый канал по программированию!*
интересно и где тут код, я вижу тут только каскадную таблицу которая не имеет не какого отношения к программированию
У Вас качество уроков на уровне каналов-миллионников! Однозначно лайк! Успехов в трудах!
Подробно и на примерах. Это круто !!! Самый лучший канал !!!!!!!!
Замечательный урок. Денис, спасибо за труд!
Денис, спасибо!!! вы делаете просто чудо. код понятен и интуитивен, подход грамотный, оформление видео просто вышка. спасибо вам!
Спасибо Николай за комментарий, я стараюсь объяснить как можно доступным языком сложные вещи на первый взгляд, понятное изложение кода на начальном этапе поможет сформировать структуру его написания в дальнейшем, а благодаря Ваши комментариям и лайкам этот канал живет и развивается.
Лайк однозначно. Занимаюсь в свободное от работы (не it) время, и племянника подключил, 16 лет от роду. Ему полезно, и мне не скучно.
Материал очень хороший, не все конечно выходит сразу, но, главное не сдаваться. Спасибо большое!
Спасибо!
понравилось этот информация и видео желаю таком же духе продолжать!
Наткнулся на канал, от Гоши, автор молодец!)
Лайк,подписка
Все как надо, а главное понятно
немного сложновато для новичка) но все же если нажимать на паузу и гуглить то очень эффективно для доп. обучения) спасибо!
Молодец!!! Очень красиво и спасибо что хорошо и быстро расказуешь, без всякого аааааааа ыыыыыыыыыыы . Всегда ставлю лайки и жду следующее видео.
очень круто все объясняешь, благодаря тебе начал понимать псевдоклассы и как ими пользоваться, лайк, подписка все дела)
Хороший канал. Велике дякую автору за роботу!)
Очень крутой урок, реально, таких очень мало. Спасибо большое!
Спасибо Владимир, рад что понравилось.
Мощно! Идея к уроку, встречал 3D слайдеры, где каждый из фрагментов слайдера переворачивается, тем самым переключается слайд) Интересно было бы посмотреть на эту реализацию слайдера)
Скиньте ссылку на пример.
Спасибо большое за урок,сначала глянул думаю ну 20 минут урок так долго,на одном дыхании посмотрел,всем советую ,отличная реализация идеи
Благодарю за прекрасный ресурс! Очень понятно для новичков.
Спасибо! Рад что уроки понравились.
Очень крутая подача всё понятно, спасибо огромное
Спасибо большое за урок
классный урок! спасибо!
Бог CSS, красавчик.
Здравствуйте! Подскажите пожалуйста. У меня есть картинка сделанная в
фотошопе с гиперссылками. загрузила на сайт папку images с
изображениями, туда же забросила файл с разрешением html. На сайте моя
картинка отображается не корректно как бы не загружаясь полностью. на других сайтах все работает нормально. У меня юкоз. @t скриншот так картинка становится на сайт
очень интересная, в то же время информативная, подача!
Большое спасибо, Да пуст Аллах сделать тебя справедливой
Чувак так держать респект тебе 😍
Несколько лет назад я пробовал начинать изучать верстку, но не зашло и бросил это дело. Если бы мне попался на глаза этот урок, то, глядишь, и жизнь сложилась бы иначе.
можно ли применить эту анимацию для видео?
Я пишу на Sublime text е , там не работает befor и after
Здравствуйте, видеоурок очень подробный и интересный, но у меня почему-то не работает
Мой любимый канал
Спасибо, натолкнули на пару идей.
Очень жалко что такой класный и полезный канал сложно нати из-за малого количества просмотров и подписчиков, канал годный, а вот почему подписчиков так мало я не пойму :( Удачи з каналом, дружище!
найти*
Вероятней всего что часть видео уроков по битрикс, а это играет свою роль.
very good, very good
А на мобиле как это будет работать?
Круто спасибо!!! Если будет возможно сделайте обзор на прогу phpstorm пожалуйста!!
Красава!!!
Офигенный монтаж
А обычно какими средствами подобные эффекты делаются?Я так понимаю что в css это новая фишка,часто бывает что новое не всегда лучше старых способов.
Это не новая фишка, появилась с версией CSS3. До CSS делали при помощи JS.
чет я не понял... background-repeat: no-repeat; не прописал, а картинка не повторяется? В чем магия?
Так от картинку через тег вставил, а не через свойства css.
Очень,ОЧЕНЬ помог. Спаибо большое
Пишу на python и c++, но твои видео смотрю с удовольствием :)
Спасибо ).
Тоже пайтон и С++. Но ещё необходимо выучить html, css, js
Рад что видео было полезным.
Подписочка. Спасибо за урок!
Очень классно обьясняешь))
У тебя супер уроки, с меня всегда лайк! Но..позволь дать совет из-за рубежа.Читай аббревиатуры/буржуйские слова в нативе. Т.е. не ЦэЭсЭс,а СиЭсЭс и тп...мелочь, но бонус
Спасибо за совет, возьму на заметку...
Зачётные примеры
здравствуйте а как сделать чтобы например не вся картинка анимировалась а только березка например обрамлялась рамкой? я создал карту изображения указал координаты присвоил карте Id в сss прописал чтоб эта карта обрамлялась рамкой но рамка появляется не внутри картинки а где то снаружи
Так это целостная картинка все стили будут применятся к ней в целом. Если хотите сделать отдельный элемент анимированным, используйте масштабируемую векторную графику SVG. Как это сделать, эта тема другого урока, в дальнейшем вероятней всего сниму по этому урок.
подскажите пожалуйста, в каком редакторе видео создаете? На css не похоже, а анимация отличная
Если имеете в веду в чем монтирую видео, это Camtasia 9, Vegas Pro 14.0 (64-bit) иногда использую Adobe After Effects CS6.
спасибо большое.но можно если есть возможность объяснять по конкретнее пожалуйста.а то слишком быстро не могу уловить.я только только учусь этом и думаю что здесь таких большинство.так что если можно объясняйте по конкретнее. и еще можете показать как сделать боковое меню
По боковому меню, включу список предложений, по поводу объяснений тут каждому не угодить, кто то говорит что медленно, для кого то это быстро да в принципе вам главное понять суть реализации данных эффектов, а набор кода везде один и тот же, к тому же можно скачать весь код на сайте при необходимости.
спасбо))
Супер!
круто
наааконец то я понял как использовать before и after!!!
офигенно получилось, только такое чувство, что-то анимация как-бы подлагивает, не совсем плавно работает
попробовал сделать, не лагает, наверное из-за записи на видео подлагивает) но в конце на актив кнопки транзишен повлиял и для того, чтобы увидеть анимацию при нажатии на кнопку (смену цвета), нужно зажимать кнопку несколько секунд :)
Да, я тоже такое заметил и это было в гугле, в других браузерах все работало четко.
А пробовал открыть демку на сайте, там лагает?
здравствуйте у вас есть уроки видео фон на сайте
К сожалению нет ((
Привет всем!
Не понимаю, что сделала не так, стили работают до 104 строки в моём исполнении, проверила, Денис, с твоими, ни одной ошибки, но что-то ж не так...
.boxImg:hover img {
transform: rotate(-30deg) scale(2);
filter: blur(2px);
}
.boxImg:hover a.bt {
opacity: 1;
transition: 0.7s;
}
.boxImg:hover .container::before {
transform: translateX(61%) rotate(45deg) scale(2);
transition: .5s;
opacity: .6;
}
.boxImg:hover .container::after {
transform: translateX(-25%) rotate(45deg) scale(2);
transition: .5s;
opacity: .6;
}
.boxImg:hover .text h1 {
transform: scale(1);
}
.boxImg:hover .text p {
transform: scale(1);
opacity: 1;
}
.boxImg:hover {
border: 2px inset gold;
}
всё ок, разобралась... в HTML нашла не на своём месте)
и
...большое спасибо за багатое информацией видео!
каждый день по будням учусь по ним и каждый раз довольная приобретённым опытом.
Спасибо за старания. Очень хорошие уроки, монтаж, подача. Лайкос и подписка
как вообще можно запомнить всё это ? ) я понял процентов 20
Спасибо за лайкос ). Запоминается только на практике, теория дает только общее представление что это возможно, а все остальное нарабатывается со временем. 20% это очень хорошо.
Спасибо бро .Денис у меня есть простая проблема ,проблема в том што я не правильно пишу ,например как писать код подряд . Правильно задавать класы,заголовки и тд.Покажи сперва что нужно писать подряд правильно ,всегда путаю🙁.
А почему ты думаешь это проблема! Главное что пишешь и достигаешь поставленной перед собой цели. Со временем у тебя выработается стиль его написания и это придет само собой. Не получается изначально формировать правильную структуру кода, пиши как можешь, затем по завершению, группируешь и упорядочиваешь код. С течением времени все это придет само собой.
Благодарю Денис👍🏻
Было бы круто закрыть окно сайта ничего не видно и не удобно а так спасибо
Как Вы пишете код, и на сайте оно сразу показывает? Очень нужная фича
Смотрите тут - vk.com/topic-70729755_35330790
Скажи лучше 😀. Как остановить Ютуб. Т.е при открытие Ютуб, все ролики шевелятся и пишут субтитры. Что очень, раздражает. Как сделать. Чтобы было как раньше. Пока, не открыл ролик. Он стоит, мертвый.))
*Денис ,когда сделаешь заново страницу в ВКонтакте?*
1 мая заработает.
Когда добавляешь на сайт, то в классе .container при
position: absolute;
top: 0;
left: 0;
Текст улетает в левый верхний угол, а картинка остается на своем месте. Как это исправить?
Покажите весь код, залейте на хостинг и скиньте ссылку, по возможности посмотрим.
задай родителю position: relative;
Спасибо!
что это за плагин что сразу обновляет??
В PhpStorm установлен плагин LiveEdit, а в Хроме JetBrains, они и выводят результат.
Я задавал ему этот вопрос) В PhpStorm есть дополнительный плагин называется LiveEdit :)
Чувак спасибо за урок! Очень грамотно и без воды. Если будет время запиши урок по настроике LiveEdit буду очень благодарен. Просто у меня не получается его настроить как только не пробовал НЕ РАБОТАЕТ....(
*Как в phpStorm переходить с русского языка на английский,помогите пожалуйста!*
Ты меня озадачил ), честно сказать не знаю, предпочитаю работать с оригинальной версией на английском. Как вариант переустанови на английскую версию.
Я только начал познавать вэб анимацию и могу сказать что после этого видео я немного по другому мыслить.
Спасибо за урок, сделай пж про :active
Тебе скорей всего нужен не как про :active показать, а разобраться полностью с псевдоклассами определяющее динамическое состояние элементов такие как :hover, :link, :focus, :activ, :hover, :visited и т.д. Принцип применения у них один и тот же, но результат дают разные. Возможно в будущем запишу CSS с нуля, где подробно разберу все эти стили.
сделай видео курс на теги который объяснить вид и суть тегов ато не знаешь выучить теги или нет если да где взять эти теги
Это нужно с нуля объяснять, есть в планах снять по CSS основу, но только идея.
Рекомендую тут почитать про теги - www.w3schools.com/
да это нечто
начинаю кодировать xD
Спасибо
не спеши
че за редакторр?
phpStorm
СУПЕР!!! МА-ЛА-ДЕЦ!!!
Ещё можно перейти на страницу Дениса, где спокойно можно всё прочитать и разобраться
Исходный код - bit.ly/2oR536q
Как же мало просмотров!!!
Почему так мало просмотров??
Полагаю не видят в поиске RUclips данного ролика. Возможно, мало кому интересно.
очень интересно
на счёт отступов, размеров объяснения нулевые( ты просто вызубрил не более либо читаешь по бумажке. Но материал познавательный
у тебя текст не виден
Качество видео при просмотре поставьте 1080 или 720 c2n.me/3KP9pcO.png
А почему именно цэ эс эс ? ЦЭ ? Это такой деффект речи ? прям слух режет . . . " уважаемый , на каком языке програмирования вы пишите . . . ? Хмм, на ЦЭЭЭ плюс плюс "
Мне одному это час писать??
4 года в колледже учился на программиста так и не научился!!! Никак не получается программировать!!!Даже видео уроки смотрел!!!! ААААААА Помоги!!! Помоги!!! Помоги!!! Помоги!!!
Может просто это не твое! На своем примере могу сказать, учеба тут играет второстепенную роль, главное желание.
+TaTTo DooC тебя в колледже именно верстке учили? тоже учился на программиста и в колледже и в универе, но про верстку html, css, а тем более js даже и не слышал.. приходится самообучаться на ютубе))
Ну, во-первых: оно должно идти от души. Я вот например засыпаю и только думаю о своих кодах, что бы ещё накодить. Бывает, даже по 2 часа заснуть не могу, думаю о прожке. Со мной даже уже друзья не хотят общаться из-за того, что я только о программированию и компьютерах и разговариваю. Я их просто задолбал этим)
Во-вторых: уроки должны идти как по маслу. Даже если ты понятия не имеешь как сделать то или иное, то после просмотра какого-то годного (не говно) урока, то ты должен понять процентов 90. Я после одного просмотра сразу начинаю понимать все. Хотя я и оч много конспектирую. У меня миллионы тетрадей)
В-третьих: нуу... колледж? Это не серьезно. Даже фраза "в колледже учился на программиста", извините, смешит. Тут нужен только университет. И чем лучше, как бы парадоксально это не звучало, тем лучше. Чем выше универ в рейтинге - тем более вероятно что тебя там больше научат. Но все же самообразование рулит.
Дерзай, и помни, программистом может стать каждый. Только для каждого свое время.
браузеры еще к такому не готовы
ДИЗЛАЙК за задний фон
А чем фон не понравился?
ППФФФФ задний фон ваще изи можно поменять при помощью
(делается на HTML)
DWS TV + Sorax + Хауди Хо + JavaScript решает + ITGENIO = мостр программист который разрушает весь мир!