CSS

Высота блока в CSS — это один из параметров, который отвечает за отрисовку страницы. Согласитесь не очень красиво выглядят элементы страницы, которые непропорционально вытянуты. Их сложно читать, да и в целом они не радуют своим отображением. В этой статье вы научитесь настраивать это свойство таким образом, чтобы установить минимальную высоту, максимальную высоту и стандартную высоту. Подробнее →

Если добавить тень для своего блока через CSS, то можно значительно улучшить восприятие пользователя информации, которая в нем находится. В этой статье вы научитесь добавлять своему блоку тень. Многие дизайнеры добавляют тени в интерфейсы ради того, чтобы улучшить восприятие пользователя. Таким образом информация внутри более читабельна и визуально лучше отделена от других элементов страницы. Подробнее →

html css… В этой статье, мы с вами научимся связывать HTML и CSS так, чтобы они работали из разных файлов. Приведу ряд примеров, чтобы вам было понятно, как это работает (хотя такие уже были), ну и дам вам какое-нибудь задание, которое вы мне потом опишите в комментариях, если возымеете такое желание. Ну а что, во-первых это разнообразит ваше закрепление материала. Во-вторых положительный результат замотивирует вас двигаться дальше. В третьих это интерактив! Подробнее →

В css есть функция calc. Она позволяет применять некоторые арифметические операции для расчета каких либо свойств, применяемых к объекту. Всем привет! Сегодня мы научимся правильно пользоваться калькулированием в css. Штука весьма полезная, интересная и занимательная. Позволяет решить некоторые задачи, где хардкодом не обойтись. Подробнее →

Всем привет. Сегодня мы с вами поговорим о весьма тривиальной теме в CSS, как подклассы. Но это исключительно в моем понимании. Их называют селекторами, но мне это не нравится. Подклассы позволяют вам наследовать стили от родительского класса. В свою очередь это позволяет вам иметь один общий класс, используемый на нескольких страницах, и подкласс, который будет переписывать некоторые стили родительского класса и иметь еще какие-то свои. Давайте начнем. Подробнее →

В этой статье мы с вами научимся избавляться от псевдоэлементов глаз и крестика из полей ввода логина и пароля. Майкрософт решили начиная с версии IE 10 в поля типов text и password добавлять псевдоэлементы. Когда работаешь на большом проекте, и кнопки «глаза» у тебя свои, то элементы майкрософта тут совсем не в тему. Подробнее →

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

Недавно столкнулся с необходимостью разместить карту Яндекса на странице сайта. Собственно этим и хочу с Вами поделиться. В данной статье опишу как получить код карты Яндекса и каким образом её разместить на страницу.

Подробнее →