Code Lab
Главная
Блог
Шаблоны
Курсы
Обратная связь
Главная
Блог
Шаблоны
Курсы
Обратная связь
Найдено по тегу «CSS»
Рубрики
Обучение
215
Frontend
174
Обзоры
145
Мобильная разработка
67
Backend
41
Железо
31
Сервера
26
CMS
25
Софт
25
Общее
23
GameDev
16
Инструменты сборки
16
UI-компоненты. Подсказка при наведении
Подсказка при наведении (ее еще называют тултип) показывает блок с текстом при наведении на элемент. Тултип показывает справочную информацию о содержимом элемента.
UI-компоненты. Ползунок диапазона
Ползунок диапазона позволяет выбрать между минимальным и максимальным значением. Данный элемент повышает интерактивность на сайте. Браузерные ползунки зачастую не подходят, поэтому мы сделаем свой кастомный ползунок.
UI-компоненты. Кастомные радиокнопки на CSS
Радиокнопки используются для выбора одного из множества значений. Если текст радиокнопки короткий, то уместно использовать переключатель. Такой вариант мы реализуем в этой статье с использованием чистого CSS.
UI-компоненты. Кастомные чекбоксы на CSS
Чекбокс используется для выбора двух состояний у одного параметра. Он может использоваться для выбора элементов списка, например, для выбора нескольких документов, или для активации уведомлений и выбора конкретных ситуаций, в которых их следует отправлять.
UI-компоненты. Переключатель на CSS
Переключатель (его еще называют тумблер) помогает выбрать два состояния. Например, включение или отключение темной темы на сайте. Чисто функционально переключатель - это тот же самый чекбокс.
Как сделать фон градиентом в CSS
Вы ищете способ добавить немного цвета на свой сайт? С помощью всего нескольких строк CSS вы можете создать красивые градиентные фоны, которые выделят ваш сайт среди других.
Создаем карточки товаров на HTML и CSS
Карточки с товарами - неотъемлемая часть любого интернет-магазина. Они позволяют в удобном виде презентовать товары или услуги потенциальному клиенту. В этой статье мы сделаем верстку карточек товаров, выведем их в сетку, а также адаптируем сетку под мобильные устройства.
Основы CSS для начинающих
Даже если вы не занимались веб-разработкой, вы возможно уже знакомы с языком разметки, известным как HTML (язык гипертекстовой разметки), который действует как скелет веб-сайта.
Как прижать футер к низу страницы с помощью flexbox
Вы пытаетесь прижать этот надоедливый футер к нижней части страницы? Не волнуйтесь! Это руководство покажет вам, как использовать flexbox, чтобы вернуть футер на свое место.
Делаем увеличение картинки при наведении на CSS
Если вы ищете способ добавить интерактивности вашим изображениям, обратите внимание на css. С помощью всего нескольких строк кода вы можете добавить эффект «масштабирования» при наведении курсора на изображение.
Верстка форм авторизации и регистрации по макету Figma
Рассмотрим, как сверстать две формы: одну для авторизации, вторую для регистрации пользователя. Данные формы вы можете адаптировать под себя: дизайн у них довольно простой, так же как сам код.
Подробное руководство по CSS Flexbox
CSS Flexbox позволяет размещать и упорядочивать элемент по горизонтали и вертикали, что делает веб-страницу гибкой и простой для понимания. Flexbox - то не просто свойство, это модуль макета CSS.
«
1
2
3
4
»
