Code Lab
Главная
Блог
Шаблоны
Курсы
Обратная связь
Тема сайта
Главная
Блог
Шаблоны
Курсы
Обратная связь
IT-блог
IT
Техно
40 публикаций
Рубрики
Все
Обучение
Frontend
Мобильная разработка
Backend
Электроника
Сервера
CMS
Общее
Инструменты сборки
GameDev
GIT
Проекты
Нейросети
Machine learning
Linux
Тестирование
Блокчейн
Автоматизация
Теги
#подборки
#курс
#JavaScript
#курсы
#Python
#CSS
#обзор
#React
#roadmap
#UI
#новичкам
#Vue
#верстка
#исходники
#HTML
#теория
#плагины
#синтаксис
#PHP
#сравнение
#modx
#анимация
#Laravel
#библиотеки
#TypeScript
#формы
#сайты
#кнопки
#установка
#интернет-магазин
Сначала свежее
Сначала свежее
Сначала популярное
Сначала обсуждаемое
Сбросить фильтры
UI-компоненты. Ползунок диапазона
Ползунок диапазона позволяет выбрать между минимальным и максимальным значением. Данный элемент повышает интерактивность на сайте. Браузерные ползунки зачастую не подходят, поэтому мы сделаем свой кастомный ползунок.
UI-компоненты. Кастомные радиокнопки на CSS
Радиокнопки используются для выбора одного из множества значений. Если текст радиокнопки короткий, то уместно использовать переключатель. Такой вариант мы реализуем в этой статье с использованием чистого CSS.
UI-компоненты. Кастомные чекбоксы на CSS
Чекбокс используется для выбора двух состояний у одного параметра. Он может использоваться для выбора элементов списка, например, для выбора нескольких документов, или для активации уведомлений и выбора конкретных ситуаций, в которых их следует отправлять.
UI-компоненты. Переключатель на CSS
Переключатель (его еще называют тумблер) помогает выбрать два состояния. Например, включение или отключение темной темы на сайте. Чисто функционально переключатель - это тот же самый чекбокс.
Как сделать фон градиентом в CSS
Вы ищете способ добавить немного цвета на свой сайт? С помощью всего нескольких строк CSS вы можете создать красивые градиентные фоны, которые выделят ваш сайт среди других.
Создаем карточки товаров на HTML и CSS
Карточки с товарами - неотъемлемая часть любого интернет-магазина. Они позволяют в удобном виде презентовать товары или услуги потенциальному клиенту. В этой статье мы сделаем верстку карточек товаров, выведем их в сетку, а также адаптируем сетку под мобильные устройства.
Как прижать футер к низу страницы с помощью flexbox
Вы пытаетесь прижать этот надоедливый футер к нижней части страницы? Не волнуйтесь! Это руководство покажет вам, как использовать flexbox, чтобы вернуть футер на свое место.
Делаем увеличение картинки при наведении на CSS
Если вы ищете способ добавить интерактивности вашим изображениям, обратите внимание на css. С помощью всего нескольких строк кода вы можете добавить эффект «масштабирования» при наведении курсора на изображение.
Верстка форм авторизации и регистрации по макету Figma
Рассмотрим, как сверстать две формы: одну для авторизации, вторую для регистрации пользователя. Данные формы вы можете адаптировать под себя: дизайн у них довольно простой, так же как сам код.
Пишем темную тему для сайта
В этом уроке мы напишем скрипт на JS для переключения на темную и светлую тему. Мы будем использовать localStorage для сохранения данных о текущей темы, чтобы при перезагрузке страницы и выходе из браузера наша тема не "слетала".
Руководство для начинающих по Sass
В этой статье вы узнаете основы препроцессора SASS/SCSS, что это такое и как использовать его возможности для быстрого написания стилей. Предполагается, что вы уже знакомы с основами HTML, CSS.
Текст поверх картинки на CSS
В этой статье расскажу, как наложить и выровнять текст поверх картинки методом CSS. Часто возникает такая необходимость при разработке сайтов. Текст будем выравнивать по центру.
«
1
2
3
4
»
