Доступное объяснение, приятный голос и отличная дикция!Очень интересно и познавательно! Люди, лайкайте активнее,))!уж очень хочется дождаться серию видео про js-фичи
Здравствуйте Артем! Просмотрел очень много видео уроков, какие то хорошие какие то не очень, но о твоих уроках отзывы исключительно хорошие. Многие уроки хорошо поставлены, и так сказать до молочка разжеваны, все что пробовал сделать по вашему примеру из уроков получалось с первого раза. Оценка по десяти бальной шкале 10/10. Большое спасибо за подобные уроки. Но я немного расстроен что последнее время появляется мало уроков, по CSS и JS. Надеюсь вы продолжите записывать и дальше подобные уроки!
Glo Academy: Спасибо, клёво объясняешь, но флексы надо глубже копать) у figure стоит display: flex; после ты пишешь justify-content: center; align-items: center; вместо этих 2х команд, figcaption достаточно написать margin: auto; (лучшие практики)
покажите пожалуйста как сделать анимационную новогоднюю рамку на всю страницу из картинки gif а также как просто на странице по углам разместить какие либо украшения сделанные в виде уголка а также как отрозить объект по горизонтали и по вертикали. Спасибо.
Если прописать элемент:before, элемент :after получится не повторяться, используя каскадность задать нужные стили повторно. Или в случае с этими классами это не сработает?
Здравствуйте. Я новичок в этом деле, решил попробовать. После просмотра вашего видеоролика я сделал нечто подобное, но столкнулся с такой проблемой. Я хотел поместить ссылку вместо описания, ну или сделать кнопку по типу "подробнее", но сама ссылка отказывается работать. Не кликабельна так скажем. Могли бы вы прояснить в чём может быть дело?
Доброго времени суток. Ситуация следующая, перед ссылкой поставил изображение через псевдо элемент Before. Чтобы при наведении курсора на ссылку менялась картинка. Хочу так же сделать, как у вас, чтобы при наведении всплывала рамка. Но вот проблема, часть рамки с псевдо элементом after работает исправно, а прописав настройки для рамки с псевдо элементом before получаю искажение самого окна с ссылкой, поскольку данная область уже задана под изображение. Пробовал заключать данную ссылку и изображение в отдельный тег figure, как у вас и задавать рамку этому тегу. Рамка работает корректно, но вытекает следующая проблема, область тега как будто перекрывает предыдущий тег ссылкой и ссылка становится не кликабельной.
Здравствуйте! А как сделать чтобы например слово описание было как ссылка? Сделать слово описание ссылкой, я сделал, но только вот она не работает. Не подскажите, как сделать так, что бы ссылка заработала. За ранее благодарю!
Продолжай CSs фичи и GitHub. Читал, что ты используешь VS Code, хотелось бы про него отдельные уроки, фичи, плагины, т.к довольно скупая информация про этот редактор в интернете, особенно для веб разработки! Спасибо за уроки на канале!
Зачем так извращаться? JS не должен менять стили так то, он должен только переключать классы. А делается это просто. Вариант 1: для .container ставим transform-style: preserve-3d; perspective: 200px; для figure:active ставим transform: translateZ(-1px); background-color: #ec407a; Вариант 2: для figure:active ставим width: 280px; height: 280px; background-color: #ec407a; В обоих случаях появляются маленькие баги, но избавиться от них не составит труда, если голова на месте. Я показал лишь пример как получается такая фигня. зы: во втором варианте что бы элементы не сьезжали надо всего лишь figure обернуть еще одной оберткой)))
@@vladislavstepanov7591 ну можно и так, только все таки актив а не фокус) я в любом случае просто написал первое решение которое мне в голову пришло, ну и плюс во втором моем варианте можно четко контролировать размер, а не в процентах делать))
короче лысый забил на этот плейлист, ладно отпуск, подписался ради этого раздела, действительно свежо и нестандартно, но похоже закончилось, отписываюсь, может продолжение css выпадет в предложу, посмотрю..
![Six Hundred Strike [EPIC: The Musical] Full Animatic](http://i.ytimg.com/vi/zov6NXIAuow/mqdefault.jpg)
Давайте поддержим Артема бурными лайками и овациями! Он ведь для нас старается, не даёт нам деградировать :)
Прекрасно, как и всегда. Спасибо, что стараетесь несмотря на снижение интереса у аудитории.
Best of the Best Playlist про CSS!! Каждый видос МЕГАполезен, каждая фича уникальна! Благодарен!)
Добрый день, может Вы сможете продолжить этот курс! Вы же кайфуете)))
А мы благодарны!
спаааасибо огрооомное помогаете новичкам даже таким рукапопам как я
Доступное объяснение, приятный голос и отличная дикция!Очень интересно и познавательно! Люди, лайкайте активнее,))!уж очень хочется дождаться серию видео про js-фичи
Здравствуйте Артем! Просмотрел очень много видео уроков, какие то хорошие какие то не очень, но о твоих уроках отзывы исключительно хорошие. Многие уроки хорошо поставлены, и так сказать до молочка разжеваны, все что пробовал сделать по вашему примеру из уроков получалось с первого раза. Оценка по десяти бальной шкале 10/10. Большое спасибо за подобные уроки. Но я немного расстроен что последнее время появляется мало уроков, по CSS и JS. Надеюсь вы продолжите записывать и дальше подобные уроки!
Сейчас появилось больше свободного времени. Скоро выпущу несколько видео из серии CSS фичи и JavaScript фичи
@@Glo_Academy Жду с нетерпением!
спасибо!!! очень помгло ваше видео!!!!
Glo Academy: Спасибо, клёво объясняешь, но флексы надо глубже копать) у figure стоит display: flex; после ты пишешь justify-content: center; align-items: center; вместо этих 2х команд, figcaption достаточно написать margin: auto; (лучшие практики)
Большое спасибо! С нетерпением жду новые фичи! Один из лучших каналов!
всё очень круто спасибо большой
очень нравятся подобные ролики с фичами. надеюсь будет ещё много)
Артем как всегда на высоте.
Очень полезный контент, без воды, все четко и по делу. Ждем новых видео!
Спасибо, Артем! Очень годно, долго не мог понять, как реализовать появление "рамок" из центра...
покажите пожалуйста как сделать анимационную новогоднюю рамку на всю страницу из картинки gif а также как просто на странице по углам разместить какие либо украшения сделанные в виде уголка а также как отрозить объект по горизонтали и по вертикали. Спасибо.
JS фичи очень надо) лайк однозначно
крутой плейлист,давай еще!
Легенда
Если прописать элемент:before, элемент :after получится не повторяться, используя каскадность задать нужные стили повторно. Или в случае с этими классами это не сработает?
Тёма, красавчик однозначно!
Коммент в поддержку рубрики)
Спасибо большое!
А вот как например при наведении на кнопку внутри неё с какой нибудь кляксы(круга, четырехугольника) разрастается другой цвет кнопки, го урок?
А как вместить в h2 ссылку ? ОНа вроде и помечается фиолетовым как ссылка, но при этом не переходится.
Спасибо,Артём!Скорее бы JavaScript фичи!Поддерживаю!!!=)
Дяяяяякую) дуже допомогло!!!
Артем, однозначно лайк, спасибо за труды!!!)
JS фичи будет круто!
Ураа! Жду ещё фичей.
пасибо очень интереснно
Здравствуйте. Я новичок в этом деле, решил попробовать. После просмотра вашего видеоролика я сделал нечто подобное, но столкнулся с такой проблемой. Я хотел поместить ссылку вместо описания, ну или сделать кнопку по типу "подробнее", но сама ссылка отказывается работать. Не кликабельна так скажем. Могли бы вы прояснить в чём может быть дело?
Доброго времени суток. Ситуация следующая, перед ссылкой поставил изображение через псевдо элемент Before. Чтобы при наведении курсора на ссылку менялась картинка. Хочу так же сделать, как у вас, чтобы при наведении всплывала рамка. Но вот проблема, часть рамки с псевдо элементом after работает исправно, а прописав настройки для рамки с псевдо элементом before получаю искажение самого окна с ссылкой, поскольку данная область уже задана под изображение. Пробовал заключать данную ссылку и изображение в отдельный тег figure, как у вас и задавать рамку этому тегу. Рамка работает корректно, но вытекает следующая проблема, область тега как будто перекрывает предыдущий тег ссылкой и ссылка становится не кликабельной.
Прикольная фитча, как и всегда :)
Эээ! Я бы лайкнул 10 раз! Но не могу! Уроки 🔥👍
Пушка-ракета)))))
Вообще тема с фичами 👍
Здравствуйте! А как сделать чтобы например слово описание было как ссылка? Сделать слово описание ссылкой, я сделал, но только вот она не работает. Не подскажите, как сделать так, что бы ссылка заработала. За ранее благодарю!
Когда новые уроки будут, уже третье ноября???
Артем, сделай пожалуйста обзор и как правильно встроить Гуглмапс.
Продолжай CSs фичи и GitHub.
Читал, что ты используешь VS Code, хотелось бы про него отдельные уроки, фичи, плагины, т.к довольно скупая информация про этот редактор в интернете, особенно для веб разработки!
Спасибо за уроки на канале!
Помогите, почему , пытаясь назначить атрибут ссылки для заголовка или описания ничего не происходить? Цветом как ссылка, но не активная
Ооо класс js фичи
Опа, js фичи, будет интересно)
Все очень круто, как всегда!
Привет. Спасибо за видео. А не поздно еще вопрос задать?
Спасибо большое. Отличные ролики!
Отлично!Спасибо большое!
Ты пушка братан
Прикольно получилось)
Спасибо за фичу)
Супер, продолжай
Я вот все думал, ну как, как сделать навбар прям дико красивым, по итогу сделал с этим эффектом) красотища - неописуемая
правда я это дело немножко урезал(до нижней линии), но получилось, мне кажется, очень красиво - prntscr.com/o2vsjn
на бекграунде видео)
так что спасибо бро! очень полезная тема)
@@nightdog007 можно было поставить транзишен и бордер-боттом)))))
Бро, ты лучший!!!
Жду фичи по джаваскрипту!!!
Что делать если я это делают над списком (li) но при этом закрывается ссылка и я не могу по ней перейти
Дождался
Неистовый лайк!
А как можно было бы сократить запись с помощью SASS?
как добавить это на сайт?
Спасибо!)
Артем, покажи как сделать так, чтобы этот квадратик как бы "вдавливался" на 10-15px при нажатии, как плитки в меню пуск в windows 8 и 10
через jquery поменять ширину с высотой и фон сделать темнее, а после того, как отпустишь кнопку откатить всё до начального состояния
Зачем так извращаться? JS не должен менять стили так то, он должен только переключать классы. А делается это просто.
Вариант 1: для .container ставим transform-style: preserve-3d;
perspective: 200px; для figure:active ставим transform: translateZ(-1px);
background-color: #ec407a;
Вариант 2: для figure:active ставим width: 280px;
height: 280px;
background-color: #ec407a;
В обоих случаях появляются маленькие баги, но избавиться от них не составит труда, если голова на месте. Я показал лишь пример как получается такая фигня.
зы: во втором варианте что бы элементы не сьезжали надо всего лишь figure обернуть еще одной оберткой)))
А зачем так извращаться? Просто ставим для кнопки .button:focus { scale: 0.7 }
А как сделать так чтобы после клика с двумя переворотами карточка разворачивалась обратной стороной поверх контента?
@@vladislavstepanov7591 ну можно и так, только все таки актив а не фокус) я в любом случае просто написал первое решение которое мне в голову пришло, ну и плюс во втором моем варианте можно четко контролировать размер, а не в процентах делать))
Шик
Когда новые фичи ?
Щас бы новые css фичи)))
Мне, что-то незаходит лофтблог(((
Бля прикольно! Автоматический лайк!
10% подписчиков просмотрели видео и 10% из них ещё и лайкнули.
Figure читается через г
Давай прелоадер!!!!!!!
короче лысый забил на этот плейлист, ладно отпуск, подписался ради этого раздела, действительно свежо и нестандартно, но похоже закончилось, отписываюсь, может продолжение css выпадет в предложу, посмотрю..
Артем, надоело то что ты обозначаешь псевдоэлементы через :. В CSS3 псевдоэлементы обозначаются через ::
Если надоело, прочитай стандарт w3c yadi.sk/i/u3C5o6B-3ah5Ui
www.w3.org/wiki/CSS/Selectors#Pseudo-elements