Удаление html-элементов в JavaScript
В JavaScript можно создавать элементы с нуля и добавлять их в уже существующую html-разметку (см. статью «Создание html-элементов в JavaScript»). Однако нередко возникает вопрос — […]
Обработка события onclick
Событие onclick — это, пожалуй, самое популярное событие на странице, т.к. щелчки мышью мы совершаем по кнопками, по ссылкам в меню, по элементам аккордеона, которые […]
Обработка событий onmouseover и onmouseout
Процесс обработки любого события — это создание какой-либо функции и добавление ее в качестве обработчика для конкретного элемента. Прочитать о способах обработки событий вы можете […]
Компонент Card (Карточка) в Bootstrap-4
Компонент Bootstrap-4 Card (Карточка) — это удобный способ разметить контент в виде отдельных блоков, в которые могут быть включены текст, картинки, фоновое изображение. Он призван […]
Преобразование типов данных в JavaScript
Поскольку в JavaScript нет строгой типизации данных, как в С++, например, или в ActionScript, который работает во Flash на основе той же спецификации ECMAScript, что […]
Flex-утилиты для построения адаптивного макета на Bootstrap 4
Адаптивная сетка Bootstrap 4 построена на основе модели Flexbox. Основой для использования адаптивных классов является класс row в качестве родительского контейнера для нескольких классов типа […]
7 практических советов усовершенствования дизайна сайта
Вашему вниманию предлагается перевод статьи 7 Practical Tips for Cheating at Design, в которой вы найдете ряд рекомендаций по созданию дизайна элементов сайта или мобильных приложений. […]
Объединение строк и столбцов таблицы в группы. Теги thead, tfoot, tbody, col и colgroup
В статье об Объединении ячеек и строк в таблице мы рассматривали, как совместить 2 и более столбцов или строк с помощью атрибутов colspan и rowspan. Но […]
Примеры CSS меню c анимацией с ресурса Codepen
Возможно, вы слышали о ресурсе Codepen, на котором можно создавать файлы примеров для использования их в проектах. В данной статье мы рассмотрим примеры различных меню, […]
Модель Flexbox. Свойства
О модели Flexbox сказано и написано уже немало. Это и понятно, т.к. эта модель значительно более современна, чем использование, например, плавающих блоков с float: left […]
Трансформация элементов
Трансформация объектов доступна в таких дизайнерских программах, как Adobe Photoshop или Adobe Illustrator, причем существует в них в незапамятных времен. Как css-свойство transform появилось только […]
Варианты построения сетки Bootstrap 4
Совсем необязательно использовать только один класс для построения сетки Bootstrap 4. Их можно сочетать в различных вариантах, для того чтобы на одном разрешении экрана (бОльшем, […]
Сетка Bootstrap 4
Сетка Bootstrap 4 — это, пожалуй, самое «вкусное» в этом фреймворке, т.к. именно из-за сетки с ее адаптивными возможностями Bootstrap стал самой популярной системой для верстки. […]
Классы Bootstrap 4 для управления отступами
В 4-й версии Bootstrap разработчики решили создать ряд классов, которые позволяют увеличивать внутренний (padding) и внешний (margin) отступ для блочных (display: block) или строчно-блочных элементов […]
Классы Bootstrap 4, изменяющие цвет текста и фона
В Bootstrap-4 существует ряд классов, которые связаны с назначением цветовых характеристик для шрифта или для фона элемента. Они похожи по названию, но отличаются внешне. Классы, […]
Bootstrap 4. Начало работы. Шаблон
Фреймворк Bootstrap получил очень широкое распространение благодаря массе факторов, главным из которых являлось использование классов для быстрого построения адаптивной сетки, основанной на 12 столбцах. Также Bootstrap […]
Псевдоэлементы. Что такое ::before и ::after
Во многих статьях по HTML или CSS вы наверняка неоднократно сталкивались с понятием элемента — это любой тег HTML, который имеет внутреннее содержимое — как […]
Позиционирование элементов
Наверняка вы слышали о свойстве position, и скорей всего, со значением absolute. Но при применении этого свойства к какому либо элементу могли столкнуться со странным […]