Господи! Добрый Юноша! Я только это всё изучаю, зарабатывать, даже не пыталась, но если не получается решить ту или иную задачу, у меня останавливается МИР ! Милый, Виталий, Вы возвращаете меня к жизни! Иногда для решения мне не хватает какой-нибудь мелочи, а вы всё наглядно объясняете ! ! ! Спасибо Вам ОГРОМНОЕ ! ! !
Пришел я значит из музыкальной школы, подумал прекрасный мужчина из народного ансамбля расскажет как сделать аккордеон в домашних условиях, а тут мне про эти ваши интернеты рассказывает, но лайк все равно поставлю!)
Здравствуйте. Сам из Баку. Сейчас изучаю JavaScript, HTML5 и CSS3, ваши уроки помогают в этом, очень полезные, спасибо! Очень приятно, как простой парень из Баку поднялся до таких высот, как IBM. Удачи вам!
Блин, я вот думал как сделать аккардион, везде просто было косо, где-то криво, или непонятно, вас посмотрел как вы на html scss, сделали просто ахренел, честно.
Большое спасибо за видео, максимально всё понятно. Единственное, что хотел узнать, а как лучше аккордеон писать, часто на css или на jQury, по сути разницы же нет в функциональном моменте (или ошибаюсь))?
Добрый день! А в случае создания аккордеона на голом html и css можно сделать так, чтобы выпадали эти вкладки плавно/замедленно. Применяется ли transition к input radio? Если да, то подскажите пожалуйста как это сделать?🙏
Здравствуйте! Скажите пожалуйста, как сделать, чтобы при нажатии на триггер, он оставался на месте? Когда контента на странице достаточно много, при нажатии на открывающий список, когда аккордеон сверху находится - еще норма, но когда аккордеон снизу страницы, - контент смещается вверх, и неудобно прокручивать к началу... Буду благодарен за Ваш ответ! ❤️❤️❤️
Придумал, как: берем контейнер, задаем ему высоту, допустим 100vh, внутри контейнера создаем враппер, задаем ему position: relative, height: 100%, и transition: height 500ms ease. Внутри враппера создаем див с контентом, ему задаем position: absolute, height: 100%, top: 0px, left: 0px. Потом создаем класс, который мы будем накладывать на враппер, через JS, который будет обозначать скрытый аккордеон, и ему задаем height: 0%
Что тут крутого? Это же язык оформления. Навыдумывали всякого говна. Это как к молотку приделать микроскоп и кричать: смотрите! Я при помощи молотка рассматриваю микробов... Тфу бл*, аж тошнит.
😎 Получить исходники и другие преимущества - boosty.to/prostorazrabotka
❓ Запись на консультацию - prosto-razrabotka.ru/
✨ Telegram канал - t.me/prostorazrabotka/
🔥 Telegram чат - t.me/prostorazrabotkachat/
Можете добавиться в друзья:
📷 Instagram - instagram.com/vitaliy.kirenkov/
📘 ВКонтакте - vk.com/vitaliy.kirenkov/
📗 Facebook - facebook.com/vitaliy.kirenkov/
📙 LinkedIn - www.linkedin.com/in/kirenkov/
✏️ Twitter - twitter.com/VitaliyKirenkov/
А так же, подписаться на страницы:
📘 ВКонтакте - vk.com/public195137161/
📗 Facebook - facebook.com/prostorazrabotka/
Господи! Добрый Юноша! Я только это всё изучаю, зарабатывать, даже не пыталась, но если не получается решить ту или иную задачу, у меня останавливается МИР ! Милый, Виталий, Вы возвращаете меня к жизни! Иногда для решения мне не хватает какой-нибудь мелочи, а вы всё наглядно объясняете ! ! ! Спасибо Вам ОГРОМНОЕ ! ! !
Пришел я значит из музыкальной школы, подумал прекрасный мужчина из народного ансамбля расскажет как сделать аккордеон в домашних условиях, а тут мне про эти ваши интернеты рассказывает, но лайк все равно поставлю!)
Спасибо -))
😂😂😂интересный случай
Сегодня я узнал не только три способа, как сделать аккордеон, но и что такое аккордеон! Спасибо))
Хаха -))
Здравствуйте. Сам из Баку. Сейчас изучаю JavaScript, HTML5 и CSS3, ваши уроки помогают в этом, очень полезные, спасибо! Очень приятно, как простой парень из Баку поднялся до таких высот, как IBM. Удачи вам!
Сделал как в видео - ничего не получилось. Странно
Так круто! Спасибо) Видосы интересные, как всегда❤️
Спасибо -)
Полезное видео. Теперь знаю, как сделать каркас, осталось стилизовать по-своему)
Реально очень просто и полезно! Хорошо бы еще анимацию на раскрытие и закрытие аккордеона.
Отличные последние три видео. Всё подробно объясняете и мне очень нравятся видео про реализации базовых вещей на нативном js. 👍
Спасибо
Спасибо Виталий за пользу, которую вы несёте людям на этом канале.
Как обычно мега лайкосик за супер важную инфу и за то что очень в кассу 👍🏻😉
Рад)
благодарность за видео) когда не часть делаешь аккордеон то местами забываешь, что да как) удачи
Кому как но мне нравиться как он объясняет и то что надо для новичков. Чтобы больше таких видосы
Спасибо огромное , давно ждал)красавчик🤘
Вот и дождался -)
Просто: разработка только вот вопрос, а как сделать его плавным выезжающим ?Буду благодарен за подсказку
Спасибо большое за полезную инфу. +1 подписчик
Я вас видел в ИТ бороде поэтому и посмотрел. Лексу привет ))))))))
как же вы круто объясняете, вот бы у вас был курс по js
А какой Ваш аккордеон?)
А наш аккордеон порвался на свадьбе. Дежурная шутка юмора
а как сделать, что бы он плавно переключался на jquery при варианте с открытым одним боксом?
Виталий, вы можете примеры на код пен сохранять?
Блин, я вот думал как сделать аккардион, везде просто было косо, где-то криво, или непонятно, вас посмотрел как вы на html scss, сделали просто ахренел, честно.
Большое спасибо за видео, максимально всё понятно.
Единственное, что хотел узнать, а как лучше аккордеон писать, часто на css или на jQury, по сути разницы же нет в функциональном моменте (или ошибаюсь))?
Все просто и понятно....респект тебе Чувак
Спасибо
Захожу на твой канал перед походом в магазин за рубашками)
спасибо за урок
Спасибо мужик тебе за твои видео. Всё по бэму расписал и аккуратно так лайк
Спасибо огромное за видео!
Ты гений! Спасибо, помог с проектом!
Добрый день! А в случае создания аккордеона на голом html и css можно сделать так, чтобы выпадали эти вкладки плавно/замедленно. Применяется ли transition к input radio? Если да, то подскажите пожалуйста как это сделать?🙏
Спасибо большое! Очень полезно!! 🧡
Большое тебе спасибо, учусь верстать по твоему каналу)
Рад слышать)
Как добавить плавности скрипту на чистом JS?
для классна сделай transition и для элемента
Здравствуйте! Скажите пожалуйста, как сделать, чтобы при нажатии на триггер, он оставался на месте? Когда контента на странице достаточно много, при нажатии на открывающий список, когда аккордеон сверху находится - еще норма, но когда аккордеон снизу страницы, - контент смещается вверх, и неудобно прокручивать к началу... Буду благодарен за Ваш ответ! ❤️❤️❤️
Круто!
Пасиба -)
Круто, а как на чистом js сделать плавное выдвижение контента?
Придумал, как: берем контейнер, задаем ему высоту, допустим 100vh, внутри контейнера создаем враппер, задаем ему position: relative, height: 100%, и transition: height 500ms ease. Внутри враппера создаем див с контентом, ему задаем position: absolute, height: 100%, top: 0px, left: 0px. Потом создаем класс, который мы будем накладывать на враппер, через JS, который будет обозначать скрытый аккордеон, и ему задаем height: 0%
Полностью повторил у себя ваш код на jQuery, но ничего не работает, не могу понять, почему
Если догадаетесь прийти в тг чат с кодом, вам помогут.
можно реализовать аккордеон на css3 следующей структуры:
Часть I
1. Название страницы
2. Название страницы
3. Название страницы
Глава 1
4. Название страницы
5. Название страницы
6. Название страницы
Глава 2
7. Название страницы
8. Название страницы
9. Название страницы
Часть II
10. Название страницы
11. Название страницы
Огонь, почему у тебя курса нет своего тока?))
Весчь! Спасеба, сохранил!
Благодарю -)
Ништяки подъехали
Они самые -)
Виталий, спааасибо большое
Очень полезно, спасибо.
Лысый, как обычно, решает) Лайк) В Киев не будете приезжать с конференцией по вебу? Я б сходил)
очень полезное видео, спасибо!
Спасибо
Круто мне помогло!
Спасибо. Но как все же оптимальнее? В чистом html или в js делать подобные вещи? (не только про аккордеон)
Css менее требовательный к цп, особенно на бюджетных телефонах
Спасибо!
Очень хотелось бы увидеть от вас уроки по Vue js )
Скорее всего не дождётесь)) я из секты любителей Реакта)
Я начинающий, но если только html css, не прощу ли использовать
замучаетесь стилизовать
Для аккордеона есть специальные хтмл теги. Это еще один простой способ.
Из всего выше перечисленного я с мог реализовать только подключение библиотеки JQuery
Уходите от jQuery его время прошло
Thanks for video Bro
ты забыл прописать cursor: pointer для дива по которому надо кликать - в сафари это работать не будет
Спасибо)
Не за что -)
Почему используешь scss а не sass?
Потому что сасс... как бы это сказать... в общем, не могу подобрать цензурные слова, которые могут описать мои чувства по отношению к сасс -)
@@prosto_razrabotka он же проще, нет точек с запятой, скобок, меньше возможности ошибится, откуда такое отношение?
Вот именно из-за отсутствия всего вышеперечисленного возможность ошибиться куда БОЛЬШЕ!
Надеюсь автор читает коменты. Как сделать плавное появление?
А что это[~]значит?? Для чего нужен ?
ruclips.net/video/lHI1v4KLb2I/видео.html
От разработки не только на голове облысел, но и на бороде и бровях
Казалось бы - логично объяснить в чем особенность, если пишешь двухуровневый аккордеон, но нет...
Мой аккардеон на jquery в 2 строки)
Нужен аккордеон в аккордеоне)
Привет
Хай
Lukas
Likas -)
+
=
Что тут крутого? Это же язык оформления. Навыдумывали всякого говна. Это как к молотку приделать микроскоп и кричать: смотрите! Я при помощи молотка рассматриваю микробов... Тфу бл*, аж тошнит.