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