CSS – Как сделать тень

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

0

HTML и CSS – Учимся связывать

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

0

CSS – функция calc

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

0

CSS – Подклассы или селекторы

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

0

CSS – Убираем псевдоэлементы глаз EDGE и IE 10+

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

0

CSS – Прокрутка внутри модального окна

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

0

Добавляем карту Яндекса на сайт.

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

Подробнее

0