Повсеместно появляются новости о CSS версии 4, но многие не до конца изучили его прошлую спецификацию, и используют JS и CSS хаки, там, где этого можно избежать. Я постарался собрать в статье полный набор необходимых для верстки возможностей и секретов, значительно упрощающих жизнь верстальщику.
Начну с самого интересного! Сайт для проверки поддержки любого свойства и определения количества потенциальных пользователей, для которых данное свойство будет работать - caniuse.com
Основы HTML5 History API
В HTML5 появился очень полезный объект history элемента window DOM интерфейса, который позволяет управлять историей. Объект обладает рядом методов, событий и свойств, которыми мы можем управлять посредством JS. Основные методы объекта History:
- window.history.length: Количество записей в текущей сессии истории window.history.state: Возвращает текущий объект истории
- window.history.go(n): Метод, позволяющий гулять по истории. В качестве аргумента передается смещение, относительно текущей позиции. Если передан 0, то будет обновлена текущая страница. Если индекс выходит за пределы истории, то ничего не произойдет
- window.history.back(): Метод, идентичный вызову go(-1)
- window.history.forward(): Метод, идентичный вызову go(1)
- window.history.pushState(data, title [, url]): Добавляет элемент истории
- window.history.replaceState(data, title [, url]): Обновляет текущий элемент истории