Сегодня покажу , что можно сделать с помощью чистого CSS . Замечу , что далеко не всегда использование только стилей - правильный выход . Но какие - то простые вещи сделать спокойно может . Выбирайте подход с умом 🙂
⠀
1 . Модальное окно . На слайдах 2 ️ и 3 ️ показаны основные стили и разметка . В демо ( ссылка в описании профиля на github ) есть стили , которые определяют также внешний вид модалки .
⠀
2 . Переключатели . Иногда необходимо переключаться между div ' ами . Это может быть типа слайдера , а может просто переключение контента . на слайдах 4 ️ и 5 ️ показан пример того , как это можно сделать .
⠀
3 . Color Picker . До сих пор частенько вижу на сайтах использование библиотек для отображения палитры для выбора цвета . Но уже давно можно использовать стандартный браузерный color picker . Пример - на слайде 6 ️.
⠀
4 . Валидация . Сейчас также с помощью стандартных средств HTML можно спокойно делать валидацию и не применять библиотеку . Это оправдано вдвойне , если у вас есть небольшая форма и не хочется тянуть лишние зависимости на сайт . Пример на слайде 7 ️.
⠀
5 . Аккордеон . Чаще всего его делают с применением JavaScript . Но это легко можно реализовать через CSS . Можете посмотреть пример на слайде 8 ️ и 9 ️ 😃
А что вы делали интересного на чистом CSS без использования JS ? Или вы сторонник делать как модно больше на JS и не полагаться на стили в подобных случаях ? Расскажите о своем опыте 🙃