Code Lab
Главная
Блог
Готовые решения
Курсы
Обратная связь
Найдено по тегу «верстка»
Рубрики
Обучение
206
Frontend
175
Обзоры
140
Мобильная разработка
68
Backend
41
Железо
30
Сервера
26
CMS
25
Софт
25
Общее
23
GameDev
17
Инструменты сборки
16
Курс по Tailwind CSS: Цвета и шрифты #4
В прошлой статье мы разобрали базовые утилиты. Теперь углубимся в работу с цветами и шрифтами. В Tailwind CSS v4 эти возможности стали ещё удобнее: библиотека поддерживает современную цветовую модель OKLCH, P3-палитры, а также предоставляет новый способ расширять тему с помощью @theme.
Курс по Tailwind CSS: Первые шаги с утилитами #3
В прошлой статье мы настроили окружение и убедились, что Tailwind работает. Теперь подробнее разберём самые часто используемые утилиты: отступы, цвета, текст и адаптивность.
Курс по Tailwind CSS: Установка #2
Tailwind CSS — это современный CSS-фреймворк, который позволяет быстро и удобно стилизовать сайты, не тратя время на написание «с нуля» длинных стилей.
Курс по Tailwind CSS: Введение #1
Tailwind CSS — это utility-first фреймворк: вы собираете интерфейс из маленьких утилит прямо в разметке, не переключаясь между HTML и длинными кастомными стилями.
Roadmap верстальщика сайтов в 2024 году
В 2024 году верстка сайтов — это не просто про HTML и CSS. Это уже целое ремесло, которое требует понимания современных инструментов, доступности, адаптивности и производительности.
Курс по React: основы JSX
JSX - это мощный инструмент в React, который позволяет вам создавать ваши пользовательские интерфейсы в стиле HTML, но с возможностью интегрировать JavaScript.
Обзор популярных библиотек для верстки сайтов
Создание визуально привлекательного и удобного для пользователя веб-сайта требует тщательного рассмотрения различных элементов дизайна, включая макет. Хорошо продуманный макет может значительно улучшить пользовательский опыт, стимулировать вовлеченность и повышать конверсии на сайте.
Создаем корзину товаров на JavaScript
Корзина товаров - один из самых главных компонентов любого интернет-магазина. Корзина показывает все выбранные товары в одном месте, считает скидку и общую стоимость заказа.
Руководство по форматам изображений для WEB
Чтобы обеспечить оптимальную производительность сайта и при этом хорошее качество картинки важно использовать правильный формат изображений. В этой статье мы рассмотрим различные форматы изображений для Web, где их лучше всего использовать, а также их преимущества и недостатки.
Простая сборка Gulp для верстки сайта.
Пример простой настройки Gulp для макета сайта с комментариями. В этом примере мы определили три задачи: стили, скрипты и изображения. Задача стилей компилирует Sass в CSS, добавляет префиксы поставщиков, минимизирует CSS и объединяет выходные данные в один файл.
Настраиваем Gulp для верстки: создание и оптимизация ресурсов
В современной веб-разработке создание и оптимизация ресурсов является неотъемлемой частью процесса. Ресурсы могут включать таблицы стилей, файлы JavaScript, изображения и шаблоны HTML.
UI-компоненты. Ползунок диапазона
Ползунок диапазона позволяет выбрать между минимальным и максимальным значением. Данный элемент повышает интерактивность на сайте. Браузерные ползунки зачастую не подходят, поэтому мы сделаем свой кастомный ползунок.
UI-компоненты. Кастомные радиокнопки на CSS
Радиокнопки используются для выбора одного из множества значений. Если текст радиокнопки короткий, то уместно использовать переключатель. Такой вариант мы реализуем в этой статье с использованием чистого CSS.
UI-компоненты. Кастомные чекбоксы на CSS
Чекбокс используется для выбора двух состояний у одного параметра. Он может использоваться для выбора элементов списка, например, для выбора нескольких документов, или для активации уведомлений и выбора конкретных ситуаций, в которых их следует отправлять.
UI-компоненты. Переключатель на CSS
Переключатель (его еще называют тумблер) помогает выбрать два состояния. Например, включение или отключение темной темы на сайте. Чисто функционально переключатель - это тот же самый чекбокс.
Как сделать фон градиентом в CSS
Вы ищете способ добавить немного цвета на свой сайт? С помощью всего нескольких строк CSS вы можете создать красивые градиентные фоны, которые выделят ваш сайт среди других.
Создаем карточки товаров на HTML и CSS
Карточки с товарами - неотъемлемая часть любого интернет-магазина. Они позволяют в удобном виде презентовать товары или услуги потенциальному клиенту. В этой статье мы сделаем верстку карточек товаров, выведем их в сетку, а также адаптируем сетку под мобильные устройства.
Лучшие плагины VS Code для верстки сайтов
За последние несколько лет Visual Studio Code стал одним из самых популярных редакторов кода. Он легкий и быстрый, и у него огромная экосистема расширений, которые могут добавить всевозможные функциональные возможности.
Полезные библиотеки и плагины для ускорения верстки
В мире веб-дизайна постоянно появляются новые инструменты и технологии, которые помогают упорядочить процесс и сделать его более эффективным. Это особенно верно, когда речь идет о верстке веб-сайта.
Верстка сайтов для начинающих
При создании веб-сайта одним из наиболее важных аспектов является макет. Макет — это то, как организован ваш сайт и как посетители будут перемещаться по нему.
Загрузить ещё
