Code Lab
Главная
Блог
Готовые решения
Курсы
Обратная связь
Найдено по тегу «CSS»
Рубрики
Обучение
206
Frontend
175
Обзоры
140
Мобильная разработка
68
Backend
41
Железо
30
Сервера
26
CMS
25
Софт
25
Общее
23
GameDev
17
Инструменты сборки
16
Лучшие плагины VS Code для HTML и CSS
HTML и CSS являются важными технологиями для создания веб-сайтов и веб-приложений. Visual Studio Code (VS Code) — это мощный редактор кода, поддерживающий HTML и CSS, и существует множество подключаемых модулей и расширений, позволяющих улучшить процесс разработки HTML/CSS.
UI-компоненты. Кнопка с градиентом на CSS
Создадим красивую кнопку с градиентом на CSS и со значком Font Awesome. В этом примере код HTML создает кнопку с именем класса gradient-btn и включает значок Font Awesome внутри кнопки.
UI-компоненты. Кнопка с иконкой на CSS
Создадим 5 красивых кнопок со значками на CSS, используя значки Font Awesome. В этом примере код HTML создает 5 кнопок с разными именами классов и включает значки Font Awesome внутри кнопок.
UI-компоненты. Анимированные кнопки на CSS
Создадим 5 красивых анимированных кнопок на CSS3. В этом примере код HTML создает 5 кнопок с разными именами классов. Код CSS стилизует и анимирует кнопки с помощью псевдокласса :hover, который запускает анимацию, когда пользователь наводит курсор на кнопку.
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.
Свойство display в CSS
Свойство Display определяет поведение элемента при его отображении в браузере. В HTML значение свойства display берется из спецификаций HTML или из таблицы стилей браузера/пользователя.
Позиционирование в CSS
Свойство CSS position определяет положение HTML-элемента внутри области просмотра браузера. По умолчанию все элементы HTML будут следовать порядку по умолчанию. Мы можем использовать свойство CSS position для управления положением HTML-элементов внутри области просмотра.
Пишем темную тему для сайта
В этом уроке мы напишем скрипт на JS для переключения на темную и светлую тему. Мы будем использовать localStorage для сохранения данных о текущей темы, чтобы при перезагрузке страницы и выходе из браузера наша тема не "слетала".
Единицы измерения в CSS
Когда вы говорите о расстоянии между двумя местами, такими как ваш дом и дом вашего друга, вы говорите о километрах или метрах.
Загрузить ещё
