Рецепты современной верстки. Html 5 и css 3.0 на пороге css 4.0!

Повсеместно появляются новости о 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]): Обновляет текущий элемент истории

×
SHOP.PIPLOID
ВходРегистрация
ВОЙТИ
ЗАРЕГИСТРИРОВАТЬСЯ

Нажимая на кнопку «Зарегистрироваться», вы подтверждаете свое согласие с условиями предоставления услуг (пользовательское соглашение), а так же на обработку персональных данных

Техническая ошибка

Повторите попытку еще раз. Если ошибка повторится, обратитесь в службу технической поддержки

Ваша заявка уже была отправлена

Ваши данные уже обрабатываются нашими специалистами. Дождитесь звонка!

Мы уже набираем Ваш номер!

Спасибо, что проявили интерес к нашей компании! Специалист свяжется с Вами в течение 5 минут

Не указан номер телефона

Номер телефона является обязательным для Вашей идетификации

Некорректный номер телефона

Указанные данные не могут быть идентифицированы как телефонный номер

Пользователь не найден

Пользователь с указанными данными не зарегистрирован в системе

Неверный пароль

Проверьте язык вводимых символов, а так же включенный верхний регистр

Не указан пароль

Пароль является обязательным для безопасной идентификации в системе. Пароль содержит только цифры, строчные и заглавные буквы латинского алфавита и не может быть короче 6 символов

Пароли не совпадают

Указанные пароли должны быть полностью идентичны. Это необходимо для избежания ошибок!

Ошибка регистрации

В системе уже зарегистрирован пользователь с указанным номером телефона

Не достаточно прав

Вы не являетесь зарегистрированным пользователем системы для выполнения следующих действий