Анимированный аккордеон, как в Bootstrap 5, пишем сами. Все фишки!

  Рет қаралды 3,487

Frontend кейс

Frontend кейс

Күн бұрын

Пікірлер: 26
@ТОЛЬКОПОБЕЗДОРОЖЬЮ
@ТОЛЬКОПОБЕЗДОРОЖЬЮ 9 ай бұрын
Спасибо за урок друг👍
@alexpro7033
@alexpro7033 Ай бұрын
Спасибо, ясно и понятно!
@alialiev4667
@alialiev4667 4 күн бұрын
Большое спасибо 🙏
@Drab-vq9bt
@Drab-vq9bt Жыл бұрын
Очень качественный контент! 👏
@frontend_case
@frontend_case Жыл бұрын
Спасибо)
@YuliiaVoinarovska
@YuliiaVoinarovska 9 ай бұрын
Супер, спасибо! Отличное разьяснение всех ньюансов.
@АлександрШирокопояс-е5м
@АлександрШирокопояс-е5м Жыл бұрын
Cупер👌
@jerri5700
@jerri5700 11 ай бұрын
Здравствуйте! Подскажите, пожалуйста, где скачать файлик обнуления null.css ?
@костянильин-т9щ
@костянильин-т9щ 5 ай бұрын
заметил баг если применить в обнулении стилей(*,*:before,*:after:box-sizing:border box;)контент не раскрывается полностью. нашел самое простое и единственное решение , блоку с контентом в css написать (box-sizing:content-box)
@AntonioBenderas
@AntonioBenderas Жыл бұрын
4:48 а что значит фонт-сайз 100% и ниже 16рх для html, body?
@frontend_case
@frontend_case Жыл бұрын
фонт-сайз 100% нужно убрать, оно там не нужно, старый файлик с обнулением использовал
@AntonioBenderas
@AntonioBenderas Жыл бұрын
А что если вместо div использовать теги details summary?
@frontend_case
@frontend_case Жыл бұрын
1) Если делать такой же функционал, как в этом аккордеоне, то кода будет столько же, мы ничего не выиграем 2) Хромает кроссбраузерность 3) И самое главное, оно не анимируется! Но инструмент, когда не нужна плавность и большой функционал, хороший)
@OleksandrBeley
@OleksandrBeley Жыл бұрын
rsschool?)
@AntonioBenderas
@AntonioBenderas Жыл бұрын
@@OleksandrBeley ага)
@zelenyigor6919
@zelenyigor6919 Жыл бұрын
👍
@ArcStrikee
@ArcStrikee Жыл бұрын
Всё хорошо, но когда закрытый последний аккордеон то после футера появилось много пространства
@frontend_case
@frontend_case Жыл бұрын
А какое отношение это имеет к аккордеону? Значит надо сделать правильную структуру страницы, чтобы прижать футер к концу страницы и чтобы он не зависил от количества контента. Посмотри это видео: kzbin.info/www/bejne/hpy1l6mXaNp4pJY
@ArcStrikee
@ArcStrikee Жыл бұрын
@@frontend_case изначально прижимал футер
@ArcStrikee
@ArcStrikee Жыл бұрын
@@frontend_case для контента не задал overflow:hidden в этом проблема была
@frontend_case
@frontend_case Жыл бұрын
@@ArcStrikee а ну да тогда, конечно будет такое явление) я в видео задал overflow
@dvromin
@dvromin Жыл бұрын
единственное нормальное видео про аккордеон и всего тысяча просмотров. а треш аккордеоны от бездарных джунов набирают сотни тысяч просмотров
@self_education_l4397
@self_education_l4397 6 ай бұрын
поменьше бы "эээ"
@IamGabimaru
@IamGabimaru 23 күн бұрын
Спасибо, но не очень приятно слушать такую речь которая запинается, повторяется и тому подобное, есть куда стремиться!
@АнжелаКузьмина-г4т
@АнжелаКузьмина-г4т Жыл бұрын
Все понимаю, начинающий ютубер, все с чего то начинают. Но если хочешь делать качественный контент, меняй свою речь, дикцию и уверенность. Видео запись делай по дублям, чтобы не было по типу эканья или слов Хейт))) ору кароче
ТВОИ РОДИТЕЛИ И ЧЕЛОВЕК ПАУК 😂#shorts
00:59
BATEK_OFFICIAL
Рет қаралды 2,9 МЛН
Motorbike Smashes Into Porsche! 😱
00:15
Caters Clips
Рет қаралды 23 МЛН
Модальное окно (popup) практика HTML CSS JavaScript
28:57
Онлайн-школа METHED
Рет қаралды 16 М.
Аккордеон - простой список для сайта
23:35
Александр Дудукало
Рет қаралды 6 М.
Создание простого аккордеона на JS
19:32