Как сделать табы на: чистом CSS / чистом JS / грязном jQuery?
В этом видео вы увидите 4! способа реализации Табов (ещё их называют Вкладками).
Я покажу 2 способа реализации на CSS (Первый с использованием input и ~, второй с :target), потом будет на jQuery и завершает хит-парад - JavaScript.
=======================================
Записаться на консультацию:
https://prosto-razrabotka.ru/
Стать спонсором канала:
https://www.youtube.com/channel/UCn-P_F0tfY21cfnkyv2lsRQ/join
=======================================
Telegram
Канал - https://t.me/prostorazrabotka
Чат - https://t.me/prostorazrabotkachat
=======================================
Подписывайтесь в соц. сетях:
Facebook - https://www.facebook.com/vitaliy.kirenkov
VKontakte - https://vk.com/vitaliy.kirenkov
LinkedIn - https://www.linkedin.com/in/kirenkov
Twitter - https://twitter.com/VitaliyKirenkov
Instagram - https://www.instagram.com/vitaliy.kirenkov
=======================================
Мой второй канал:
https://www.youtube.com/channel/UC-QLh1F3Rzp6HY-FW1E3Eaw
=======================================
Привет, меня зовут Виталий Киренков, и я занимаюсь веб-разработкой с 2007 года. За это время я сверстал более 200 сайтов (как минимум, половина из них с JavaScript), разработал с коллегами 2 интернет-банка на React + Redux + Typescript. И на этом канале я делюсь своим опытом в части вёрстки, javascript, и делаю всякие полезные видео для новичков и не только.
Больше информации обо мне: http://kirenkov.me/
=======================================
Содержание:
00:00 Введение
00:22 Табы на CSS (input и ~)
08:02 Табы на CSS (:target)
14:10 Табы на jQuery
21:08 Табы на JavaScript
Видео Как сделать табы на: чистом CSS / чистом JS / грязном jQuery? канала Просто: разработка
Я покажу 2 способа реализации на CSS (Первый с использованием input и ~, второй с :target), потом будет на jQuery и завершает хит-парад - JavaScript.
=======================================
Записаться на консультацию:
https://prosto-razrabotka.ru/
Стать спонсором канала:
https://www.youtube.com/channel/UCn-P_F0tfY21cfnkyv2lsRQ/join
=======================================
Telegram
Канал - https://t.me/prostorazrabotka
Чат - https://t.me/prostorazrabotkachat
=======================================
Подписывайтесь в соц. сетях:
Facebook - https://www.facebook.com/vitaliy.kirenkov
VKontakte - https://vk.com/vitaliy.kirenkov
LinkedIn - https://www.linkedin.com/in/kirenkov
Twitter - https://twitter.com/VitaliyKirenkov
Instagram - https://www.instagram.com/vitaliy.kirenkov
=======================================
Мой второй канал:
https://www.youtube.com/channel/UC-QLh1F3Rzp6HY-FW1E3Eaw
=======================================
Привет, меня зовут Виталий Киренков, и я занимаюсь веб-разработкой с 2007 года. За это время я сверстал более 200 сайтов (как минимум, половина из них с JavaScript), разработал с коллегами 2 интернет-банка на React + Redux + Typescript. И на этом канале я делюсь своим опытом в части вёрстки, javascript, и делаю всякие полезные видео для новичков и не только.
Больше информации обо мне: http://kirenkov.me/
=======================================
Содержание:
00:00 Введение
00:22 Табы на CSS (input и ~)
08:02 Табы на CSS (:target)
14:10 Табы на jQuery
21:08 Табы на JavaScript
Видео Как сделать табы на: чистом CSS / чистом JS / грязном jQuery? канала Просто: разработка
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Как сделать аккордеон на: чистом CSS / прекрасном JS / ужасном jQuery?](https://i.ytimg.com/vi/O-Xkkq9gcSY/default.jpg)
![](https://i.ytimg.com/vi/2rCq1WQknNA/default.jpg)
![Javascript практика. Создание табов на javascript. Уроки JS](https://i.ytimg.com/vi/QO32qTZe3hA/default.jpg)
![ВИТАМИНКА - Как написать фингерстайл аранжировку для гитары. Табы в Guitar Pro 6 / Ваня, научи #56](https://i.ytimg.com/vi/p0vNrGOjUT8/default.jpg)
![Вёрстка - это просто, если...](https://i.ytimg.com/vi/GS96Hvrx5wU/default.jpg)
![Простые табы на HTML и CSS. Как это сделать?](https://i.ytimg.com/vi/5Bh6-xl9FMM/default.jpg)
![JS-решения №21. Создаем свой плагин для табов](https://i.ytimg.com/vi/kMNyWgXVVtc/default.jpg)
![Что такое framework и library / Объясняю на пальцах для новичков и не только](https://i.ytimg.com/vi/MoD8KxpCYp4/default.jpg)
![Как сделать слайдер на JS?](https://i.ytimg.com/vi/2Bo619QsSE4/default.jpg)
![Next JS быстрый курс SSR на React JS с нуля до деплоя](https://i.ytimg.com/vi/Onn38VeEAC8/default.jpg)
![How to Create Tabs with only HTML & CSS](https://i.ytimg.com/vi/oLqdy95LZSw/default.jpg)
![CSS transform. 2D и 3D трансформации translate, scale, rotate и другие](https://i.ytimg.com/vi/uQEGUpsnqsw/default.jpg)
![NestJS Authentication: JWTs, Sessions, logins, and more! | NestJS PassportJS Tutorial](https://i.ytimg.com/vi/_L225zpUK0M/default.jpg)
![Episode 1: Carousel slider control with navigation and controls (testimonial slider, content slider)](https://i.ytimg.com/vi/rTB-UNl_B_Y/default.jpg)
![React JS фундаментальный курс от А до Я](https://i.ytimg.com/vi/GNrdg3PzpJQ/default.jpg)
![JavaScript калькулятор расчета стоимости для сайта. Урок по JS](https://i.ytimg.com/vi/JbQB_49ijqw/default.jpg)
![Анализ, вёрстка десктопа, рефакторинг, оптимизация, доступность](https://i.ytimg.com/vi/j83eF9GHRcM/default.jpg)
![How to create jQuery Tabs Menu | Custom jQuery Tabs Menu](https://i.ytimg.com/vi/xG8W2rU-AgE/default.jpg)
![Подготовка к JavaScript собеседованию](https://i.ytimg.com/vi/M_pclb-58ZY/default.jpg)
![#4 Пишем КИНОСАЙТ на Javascript](https://i.ytimg.com/vi/swDY06tK6j4/default.jpg)