Наши приложения

Установите наши мобильные приложения под Android для изучения HTML и CSS там, где вы пожелаете. Уроки содержат описание и интерактивные задания на закрепление материала. А справочники просто классные!

Стилевое свойство clip-path — это способ отказаться от однообразных прямоугольных макетов, традиционно ассоциируемых с плоским, адаптивным дизайном. Вы станете думать не только о прямоугольниках, на ваших страницах они буквально начнут принимать форму шестиугольников, звёзд и восьмиугольников.

Создание адаптивных фигур с помощью clip-path

Вёрстка

Стилевое свойство float изначально было внедрено в CSS для создания обтекаемых картинок и текстовых врезок, но со временем расширило сферу своего применения. Веб-разработчикам не хватало инструментов для вёрстки макетов, таблицы же для этих целей оказались громоздки, неудобны и морально устарели. На смену таблицам для вёрстки колонок приспособили float, несмотря на то, что это свойство не предназначено для этой роли.

float в теории и на практике

Учебный курс

Позиционированием называется положение элемента в системе координат. Различают несколько типов позиционирования: нормальное, относительное, абсолютное, фиксированное и приклеенное. В зависимости от типа, который устанавливается через свойство position, меняется и система координат.

Позиционирование элементов

Учебный курс

В HTML4 практически все элементы относятся к двум типам, различающихся своим поведением и свойствами — это блочные и строчные элементы.

Блочные и строчные элементы

Учебный курс

Jekyll является наиболее популярным генератором статичного сайта. Он берёт исходные файлы и создаёт сайт из статичных страниц, готовых обслуживать пользователей напрямую. Это отличается от того, как работают традиционные CMS, вроде WordPress.

Создание сайта на Jekyll

Веб-технологии

HTML (HyperText Markup Language, язык разметки гипертекста) — это язык разметки, который определяет, какие элементы должны располагаться на веб-странице. Текст, ссылки, изображения, списки, таблицы, видео и др. — всё это является элементами, которые можно отобразить на веб-странице с помощью HTML.

Самоучитель HTML

Учебный курс

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

Формы в HTML

Учебный курс

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

Основы Sass

Учебный курс

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

Продвинутый CSS

Учебный курс

На веб-страницах часто нужны элементы, которые должны позиционироваться определённым образом, так, чтобы они подходили для конкретного дизайна.

Позиционирование в CSS

Учебный курс

Продвинутые уроки по HTML и CSS — это более глубокий взгляд на фронтенд-разработку, уроки, которые расширяют знания, полученные в руководстве для начинающих. Посвящённое современной фронтенд-разработке, это руководство учит последним веб-технологиям и совершенствует ваши профессиональные навыки.

Продвинутые уроки по HTML и CSS

Вёрстка

По умолчанию каждый элемент HTML отображается в браузере в виде прямоугольника. Размеры этого прямоугольника динамичны: они меняются в зависимости от содержимого данного элемента. Вы можете рассматривать эти прямоугольники как жидкость, изменяющую свою форму, чтобы соответствовать содержимому.

Блочная модель в CSS

Учебный курс