HTML5 + CSS3

API хранения

API хранения.

Для реализации возможностей хранения были созданы два API: Web Storage (Веб-хранилище) и Indexed Database (Индексированная база данных). Эти API отвечают в основном за обработку данных, передаваемых с серверов на пользовательский компьютер, однако веб-хранилище и атрибут sessionStorage также делают веб-приложения более управляемыми и повышают их эффективность.

Читать далее

Традиционная блочная модель

Традиционная блочная модель.

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

Функция transform: rotate

Функция transform: rotate.

Функция rotate поворачивает элемент по часовой стрелке. Значение необходимо задавать в градусах и указывать единицу измерения — deg.

Читать далее

Тип документа

Тип документа.

В первую очередь необходимо указать тип создаваемого нами документа. В HTML5 это делается чрезвычайно просто (листинг 1.1).

Листинг 1.1. Использование элемента <doctype>

<! DOCTYPE html>

Эта строка должна идти самой первой в файле HTML, и перед ней не должно быть ни пробелов, ни пустых строк. Она активирует стандартный режим браузеров для интерпретации HTML5, когда это возможно (или игнорирует его в противном случае).

Читать далее

Последние штрихи

Последние штрихи.

Единственное, над чем нам осталось поработать, — это дизайн содержимого. Для этого определим стили еще нескольких элементов HTML5.

Читать далее

Внешний файл

Внешний файл.

Коды JavaScript увеличиваются в объеме экспоненциально с добавлением новых функций и обращением к некоторым из упомянутых ранее API. Таким образом, встроенные коды значительно увеличивают документы, к тому же немалая часть кода повторяется. Читать далее

Встроенные стили

Встроенные стили.

Намного лучшая альтернатива — вставлять стили в «голову» документа, а затем ссылаться на них в соответствующих элементах HTML.

Читать далее

Свойство border-radius

Свойство border-radius.

Много лет я испытывал огромные страдания, создавая скругленные углы для полей на своих веб-страницах. Я не самый хороший графический дизайнер, поэтому процесс всегда был крайне утомительным и мучительным. Читать далее

Шаблон №1

Шаблон №1

Ранее мы уже построили шаблон документа HTML5. Он включал в себя необходимые элементы для определения структуры нашего документа, однако для того, чтобы подготовить его к стилизации с помощью CSS и применению традиционной блочной модели, требуются некоторые усовершенствования.

Читать далее