Последние записи: CSS

radio-css
20.05.2021

Стилизация переключателей (радио-кнопок) в CSS

Радио-кнопки подразумевают, что вы выбираете один элемент из некоторого количества, поэтому элемент <input type=”radio”> получил название переключателя в отличие от флажков, которые подразумевают множественный выбор. […]

checkboxes-css
20.05.2021

Стилизация флажков (чекбоксов) в CSS

Наверняка вы задумались о том, как можно изменить стандартный вид флажков (чекбоксов), чтобы они выглядели привлекательней с учетом дизайна вашего сайта или задач одной конкретной […]

Центрируем контент с помощью CSS
11.01.2021

Центрирование элементов в CSS

Центрирование элементов в css – это совсем не праздный вопрос, т.к. это довольно распространенная ситуация в верстке. В этой статье мы рассмотрим разные способы горизонтального […]

4-columns-variants
23.12.2020

Способы построения колонок в CSS

Мы рассмотрим варианты построения макета на основе 4 колонок. Во-первых, такое распределение информации является очень популярным, во-вторых, они хорошо перестраиваются в 2 колонки для планшетов […]

Несколько svg-иконок
14.12.2020

Кнопки с масками на основе SVG

В этой статье мы увидим, как сделать не просто кнопки, а кнопки-иконки, доступные для людей с ограниченными возможностями,  с помощью SVG и CSS, не перегружая […]

Использование элемента progress на страницах сайта

При создании веб-сайтов и веб-приложений периодически требуется показать пользователю информацию о ходе выполнения какого-либо запроса или задачи, будь то загрузка файла, воспроизведение видео или импорт […]

not-in-css
23.10.2020

Псевдокласс :not в CSS. Примеры использования

Обычно нам требуется задать некое форматирование для классов, элементов или id.  Однако, бывают случаи, когда нужно назначить форматирование для элементов, которые не имеют какого-либо селектора, […]

3d-css-book
09.09.2020

Примеры верстки книг на HTML и CSS

Вы когда-нибудь задумывались о том, что на HTML и CSS можно сделать книгу? Оказывается, есть умельцы, выкладывающие свои работы на codepen.io, которые с помощью 3D […]

Наверх