Верстаем с нуля новый макет по нашумевшему сериалу😀
1 часть: верстаем хедер и первый блок. Можно смотреть и повторять😉

Ссылка на макет figma.

Какие библиотеки лучше использовать при верстке сайтов для создания масок в инпутах?

На сегодняшний день существует несколько популярных библиотек. Вот некоторые из них:

Inputmask (https://github.com/RobinHerbots/Inputmask): Это мощная библиотека, позволяющая легко добавлять маски для различных типов данных, таких как даты, телефоны и т. д. Гибкие настройки и поддержка различных форматов делают Inputmask отличным выбором. Мы в своих проектах обычно используем ее.

Cleave.js (https://nosir.github.io/cleave.js/): Cleave.js предоставляет простой и интуитивно понятный способ добавления масок к вашим инпутам. С его помощью легко создавать маски для номеров кредитных карт, телефонов и других форматов.

Vue Input Mask (https://vuejs-tips.github.io/vue-the-mask/): Если вы используете Vue.js, эта библиотека может стать отличным инструментом. Она предлагает простой синтаксис для создания масок и легко интегрируется в проекты на Vue.

Text Mask (https://text-mask.github.io/text-mask/): Это универсальное решение для маскирования текста в инпутах. Так же поддерживает различные форматы, включая даты, телефоны и пользовательские маски.

Какие слайдеры лучше использовать при верстке сайтов?

На сегодняшний день самые популярные библиотеки для создания слайдеров:

Swiper (https://swiperjs.com/swiper-api): самый популярный и функциональный слайдер с множеством опций и настроек.

Owl Carousel (https://owlcarousel2.github.io/OwlCarousel2/): еще один популярный выбор, который предлагает широкие возможности для настройки.

Slick (https://kenwheeler.github.io/slick/): легкий и гибкий слайдер с расширенными возможностями.

Flickity (https://flickity.metafizzy.co/): еще один удобный выбор, который предлагает гибкую настройку и отличные анимации.

———-

Мы в своих проектах используем либо Swiper (https://swiperjs.com/swiper-api), либо Slick (https://kenwheeler.github.io/slick/). В каждом из них есть свои недостатки и достоинства - будем раскрывать в следующих постах.