Красивые неоновые кнопки

Перейти на CodePen
———————————————
#полезное #codepen #css #html

Подборка стильных минималистичных анимаций для кнопки

Перейти на CodePen
———————————————
#полезное #html #css #codepen

#полезное #css #html #javascript

Полезный сервис с интерактивными онлайн уроками по HTML, CSS и JavaScript. Тут вы сможете познакомиться с основами верстки или освежить и закрепить уже имеющиеся)
Тесты и уроки с практикой, к сожалению, доступны только по подписке, но все основные уроки в бесплатном доступе.

Ссылка на сайт

#полезное #css #новичок #игры

Игра для изучаем гридов

Играть

#теория #html #css #новичок

Поток документа
Объяснение одной из основных концепций вёрстки и её составляющих: контекста форматирования, схлопывания отступов и выхода из потока

Ссылка

#теория #css #новичок

Блочная модель
Браузеры рисуют любой элемент на HTML-странице как прямоугольник. Как рассчитывается размер этого прямоугольника? Разберёмся с одной из основных концепций вёрстки

Ссылка

#полезное #css #html

Большой набор из 65 различных кастомных чекбоксов

Ссылка

#новичок #теория #css

Принцип каскада

Еще один из основных принципов работы CSS, который необходимо понимать

#теория #новичок #css

Специфичность

Как браузер решает, какие стили применять к элементу? Разбираемся, почему у селектора есть вес

#html #css #новичок

Видео курс для новичков по основам HTML и CSS.
Для вашего удобства курсы доступны в двух форматах по плейлистам и цельными видео.

#полезное #css

Если вам необходим блок не стандартной формы, например скошенный край и тому подобное, то это можно сделать с помощью свойства clip-path. А поможет вам в этом инструмент - CSS clip-path maker. В нем есть уже готовые формы, а также можно сделать свою.