Мощь изменчивых классов

Мощь изменчивых классов

От автора: люди положительно отзываются о посте дизайнеры, если бы вам нужно было выучить один прием в JavaScript, я бы вам порекомендовал это. Даже комментарии на YouTube положительные.

Бенджамин Де Кок не только согласился с тем, что изменение классов это самое важное в JS, что должны уметь делать дизайнеры, но и создал мини библиотеку вокруг этой идеи:

Настройка на сайте происходит не по-обычному. Вы пишите на обычном английском в теге code, чтобы менять классы по клику:

clicking on "h1" removes class "open" on "h1.open"
clicking on "h1" adds class "open" on "target"

Моя улучшенная версия демо из видео, написанная на uilang:

Практический курс по верстке адаптивного лендинга с нуля!

Научитесь с нуля верстать адаптивные лендинги на HTML5 и CSS3 за ближайшие 6 дней

Узнать подробнее

Очень круто. Джереми Кит хорошо описал данный метод: «Это мне напомнило старую философию JQuery: находим что-то и делаем с ним что-то.»

Я же останусь при своем мнении. Если вы делаете свои первые шаги в JS, научитесь выбирать элементы и изменять классы без подключения дополнительных библиотек.

Автор: Chris Coyier

Источник: https://css-tricks.com/

Редакция: Команда webformyself.

Самые свежие новости IT и веб-разработки на нашем Telegram-канале

Практика HTML5 и CSS3 с нуля до результата!

Получите бесплатный пошаговый видеокурс по основам адаптивной верстки с полного нуля на HTML5 и CSS3

Получить

Метки:

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree