🙀Стоит ли делать слайдеры на CSS?

Что такое слайдеры:

Обычно это блок на странице, в пределах которого пользователю показывают статьи, новости, изображения или другой контент с определённой периодичностью. Например, когда на сайте вам показывают друг за другом несколько баннеров с акциями. Давайте разберёмся, как стоит их делать.

Как бывает:

Когда разработчикам становится скучно, они начинают придумывать себе задачи, которые редко похожи на реальные рабочие, но бывают и исключения. Верстальщик, не знающий дополнительных технологий, начинает решать задачу так, как умеет.

С одной стороны, это замечательно, но только когда верстальщик пытается глубже понять уже знакомые технологии. Ну и просто just for fun. Куда же хуже, когда решается реальная задача.

Совет:

НИКОГДА не делайте слайдеры на реальных проектах с помощью CSS. Да, вы это можете сделать, но посмотрите, как много минусов вы получите, попросту говоря, выстрелите себе в колено.

— Чтобы добавить новый слайд, нужно дописать ещё немного CSS-стилей. Каждое изменение количества слайдов влечёт за собой изменение стилей.

— Сделать некоторые дополнительные задачи становится невозможно, например, бесконечную прокрутку.

— HTML-разметка сделана только для того, чтобы CSS начал работать, а не от логики построения контента. Например, радиокнопки, которые будут переключать слайды, необходимо поместить в начало разметки, а визуально они будут находиться в другом месте.

Из этого следует правило: пишите логику с помощью языка программирования, например, JavaScript. И это касается не только слайдеров, но и табов, попапов. Разделяйте ответственность правильно: HTML — контент, CSS — стили, JavaScript — логика.

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

24 мая в 18:00 в прямом эфире ответим на все вопросы о старте карьеры в IT и дадим советы по поиску работы и прохождению собеседований.

Спикеры:

— Серёжа Попов — руководитель фронтенд-аутсорса «Лига А.».
— Венера Мещерова — IT HR, дипломированный психолог, лид модераторов и куратор и соавтор курсов «PSYvIT».

О нашем партнёре:

PSYvIT — партнёры HTML Академии. Команда психологов с IT-бэкграундом, которые создают обучающие программы для повышения психологической грамотности и soft skills.

Записаться

Сегодня пятница, поэтому мы решили не нагружать вас сложным контентом. Просто делимся цитатами про разработку.

Пишите в комментариях, как прошла ваша рабочая неделя🤗

Вместе с проектом «Не перепутай!» объясняем сложные термины простыми словами, остальные карточки ищите у ребят в канале

В феврале у нас проходил день открытых дверей с основателями HTML Academy. Смотрели интервью, как вам?

Если не смотрели — советуем. Саша Першин рассказывает все секреты создания тренажёров и учебной программы курсов.

На лайве обсудили:

— Кто такие веб-разработчики и чем они занимаются.
— Как проходит обучение на профессиях HTML Academy.
— Что входит в учебные материалы курсов и какие знания можно получить с их помощью.
— Почему практика длится целых полгода и что умеют наши выпускники.

Смотреть здесь

При вёрстке макета не всегда понятно, что перед нами — кнопка или ссылка. Внешне эти элементы могут быть очень похожи, но их функции различаются и браузер реагирует на них по-разному. Поэтому неправильный выбор может привести к ошибкам в работе веб-страницы.

Добавляйте пост в закладки, чтобы не путать, чем отличается кнопка от ссылки🙂