Code Lab
Главная
Статьи
Видео
Шаблоны
Курсы
Обратная связь
Статьи по тегу «верстка»
Выберите категорию
Backend
CMS
Frontend
GameDev
GIT
Linux
Machine learning
Блокчейн
Железо
Инструменты сборки
Контейнеры
Мобильная разработка
Обзоры
Обучение
Общее
Проекты
Сервера
Софт
Тестирование
Рубрики
Обучение
Frontend
Обзоры
Мобильная разработка
Backend
Сервера
CMS
Общее
Софт
Инструменты сборки
Железо
GameDev
1 неделя назад
Курс по Tailwind CSS: Цвета и шрифты #4
В прошлой статье мы разобрали базовые утилиты. Теперь углубимся в работу с цветами и шрифтами. В Tailwind CSS v4 эти возможности стали ещё удобнее: библиотека поддерживает современную цветовую модель OKLCH, P3-палитры, а также предоставляет новый способ расширять тему с помощью @theme.
Frontend
119
1 неделя назад
Курс по Tailwind CSS: Первые шаги с утилитами #3
В прошлой статье мы настроили окружение и убедились, что Tailwind работает. Теперь подробнее разберём самые часто используемые утилиты: отступы, цвета, текст и адаптивность.
Frontend
110
1 неделя назад
Курс по Tailwind CSS: Установка #2
Tailwind CSS — это современный CSS-фреймворк, который позволяет быстро и удобно стилизовать сайты, не тратя время на написание «с нуля» длинных стилей.
Frontend
131
1 неделя назад
Курс по Tailwind CSS: Введение #1
Tailwind CSS — это utility-first фреймворк: вы собираете интерфейс из маленьких утилит прямо в разметке, не переключаясь между HTML и длинными кастомными стилями.
Frontend
123
10 месяцев назад
Roadmap верстальщика сайтов в 2024 году
В 2024 году верстка сайтов — это не просто про HTML и CSS. Это уже целое ремесло, которое требует понимания современных инструментов, доступности, адаптивности и производительности.
Frontend
743
2 года назад
Курс по React: основы JSX
JSX - это мощный инструмент в React, который позволяет вам создавать ваши пользовательские интерфейсы в стиле HTML, но с возможностью интегрировать JavaScript.
Frontend
1 296
3 года назад
Обзор популярных библиотек для верстки сайтов
Создание визуально привлекательного и удобного для пользователя веб-сайта требует тщательного рассмотрения различных элементов дизайна, включая макет. Хорошо продуманный макет может значительно улучшить пользовательский опыт, стимулировать вовлеченность и повышать конверсии на сайте.
Frontend
1 299
3 года назад
Создаем корзину товаров на JavaScript
Корзина товаров - один из самых главных компонентов любого интернет-магазина. Корзина показывает все выбранные товары в одном месте, считает скидку и общую стоимость заказа.
Frontend
35 159
3 года назад
Руководство по форматам изображений для WEB
Чтобы обеспечить оптимальную производительность сайта и при этом хорошее качество картинки важно использовать правильный формат изображений. В этой статье мы рассмотрим различные форматы изображений для Web, где их лучше всего использовать, а также их преимущества и недостатки.
Frontend
939
3 года назад
Простая сборка Gulp для верстки сайта.
Пример простой настройки Gulp для макета сайта с комментариями. В этом примере мы определили три задачи: стили, скрипты и изображения. Задача стилей компилирует Sass в CSS, добавляет префиксы поставщиков, минимизирует CSS и объединяет выходные данные в один файл.
Инструменты сборки
1 870
3 года назад
Настраиваем Gulp для верстки: создание и оптимизация ресурсов
В современной веб-разработке создание и оптимизация ресурсов является неотъемлемой частью процесса. Ресурсы могут включать таблицы стилей, файлы JavaScript, изображения и шаблоны HTML.
Инструменты сборки
3 369
3 года назад
UI-компоненты. Ползунок диапазона
Ползунок диапазона позволяет выбрать между минимальным и максимальным значением. Данный элемент повышает интерактивность на сайте. Браузерные ползунки зачастую не подходят, поэтому мы сделаем свой кастомный ползунок.
Frontend
1 583
3 года назад
UI-компоненты. Кастомные радиокнопки на CSS
Радиокнопки используются для выбора одного из множества значений. Если текст радиокнопки короткий, то уместно использовать переключатель. Такой вариант мы реализуем в этой статье с использованием чистого CSS.
Frontend
1 032
3 года назад
UI-компоненты. Кастомные чекбоксы на CSS
Чекбокс используется для выбора двух состояний у одного параметра. Он может использоваться для выбора элементов списка, например, для выбора нескольких документов, или для активации уведомлений и выбора конкретных ситуаций, в которых их следует отправлять.
Frontend
1 491
3 года назад
UI-компоненты. Переключатель на CSS
Переключатель (его еще называют тумблер) помогает выбрать два состояния. Например, включение или отключение темной темы на сайте. Чисто функционально переключатель - это тот же самый чекбокс.
Frontend
1 770
3 года назад
Как сделать фон градиентом в CSS
Вы ищете способ добавить немного цвета на свой сайт? С помощью всего нескольких строк CSS вы можете создать красивые градиентные фоны, которые выделят ваш сайт среди других.
Frontend
2 455
3 года назад
Создаем карточки товаров на HTML и CSS
Карточки с товарами - неотъемлемая часть любого интернет-магазина. Они позволяют в удобном виде презентовать товары или услуги потенциальному клиенту. В этой статье мы сделаем верстку карточек товаров, выведем их в сетку, а также адаптируем сетку под мобильные устройства.
Frontend
66 603
3 года назад
Лучшие плагины VS Code для верстки сайтов
За последние несколько лет Visual Studio Code стал одним из самых популярных редакторов кода. Он легкий и быстрый, и у него огромная экосистема расширений, которые могут добавить всевозможные функциональные возможности.
Софт
4 672
3 года назад
Полезные библиотеки и плагины для ускорения верстки
В мире веб-дизайна постоянно появляются новые инструменты и технологии, которые помогают упорядочить процесс и сделать его более эффективным. Это особенно верно, когда речь идет о верстке веб-сайта.
Frontend
1 125
3 года назад
Верстка сайтов для начинающих
При создании веб-сайта одним из наиболее важных аспектов является макет. Макет — это то, как организован ваш сайт и как посетители будут перемещаться по нему.
Frontend
959
1
2