Статьи

Сила чистого CSS

В продолжение всего этого классного JavaScript и DOM иногда сложно вспомнить, что можно превратить чистый CSS и HTML в интерактивный сайт без каких-либо сценариев вообще. Я подозреваю, что большинство читателей здесь видели css / edge Эрика Мейера , где он демонстрирует некоторые изящные возможности CSS, но вы можете сделать гораздо больше.

Введите Стю Николс и его игровую площадку CSS . Первый пример того, что заставит вас думать, что «это просто CSS ??» — это удивительная головоломка . Попробуйте. И иди «оооо, это умно».

Основной способ реализации некоторой формы интерактивности через чистый CSS — с помощью директивы: hover, и главное на этом пути — то, что IE не поддерживает: hover на чем-либо, кроме ссылок. Тем не менее, некоторые впечатляющие вещи возможны: см . Фотогалерею Стю для одного примера. Дело не в том, что эти методы революционные, а в том, что они существуют и могут быть использованы для добавления некоторых полезных вещей на ваши сайты без какого-либо сценария вообще.