Статьи по тегу «верстка»

 

Иконка Рубрики
2 месяца назад

Roadmap верстальщика сайтов в 2024 году

В 2024 году верстка сайтов — это не просто про HTML и CSS. Это уже целое ремесло, которое требует понимания современных инструментов, доступности, адаптивности и производительности.
Frontend 217
1 год назад

Курс по React: основы JSX

JSX — это мощный инструмент в React, который позволяет вам создавать ваши пользовательские интерфейсы в стиле HTML, но с возможностью интегрировать JavaScript.
Frontend 829
2 года назад

Обзор популярных библиотек для верстки сайтов

Создание визуально привлекательного и удобного для пользователя веб-сайта требует тщательного рассмотрения различных элементов дизайна, включая макет. Хорошо продуманный макет может значительно улучшить пользовательский опыт, стимулировать вовлеченность и повышать конверсии на сайте.
Frontend 973
2 года назад

Создаем корзину товаров на JavaScript

Корзина товаров — один из самых главных компонентов любого интернет-магазина. Корзина показывает все выбранные товары в одном месте, считает скидку и общую стоимость заказа.
Frontend 29 827
2 года назад

Руководство по форматам изображений для WEB

Чтобы обеспечить оптимальную производительность сайта и при этом хорошее качество картинки важно использовать правильный формат изображений. В этой статье мы рассмотрим различные форматы изображений для Web, где их лучше всего использовать, а также их преимущества и недостатки.
Frontend 608
2 года назад

Простая сборка Gulp для верстки сайта.

Пример простой настройки Gulp для макета сайта с комментариями. В этом примере мы определили три задачи: стили, скрипты и изображения. Задача стилей компилирует Sass в CSS, добавляет префиксы поставщиков, минимизирует CSS и объединяет выходные данные в один файл.
Инструменты сборки 1 384
2 года назад

Настраиваем Gulp для верстки: создание и оптимизация ресурсов

В современной веб-разработке создание и оптимизация ресурсов является неотъемлемой частью процесса. Ресурсы могут включать таблицы стилей, файлы JavaScript, изображения и шаблоны HTML.
Инструменты сборки 2 056
2 года назад

UI-компоненты. Ползунок диапазона

Ползунок диапазона позволяет выбрать между минимальным и максимальным значением. Данный элемент повышает интерактивность на сайте. Браузерные ползунки зачастую не подходят, поэтому мы сделаем свой кастомный ползунок.
Frontend 1 150
2 года назад

UI-компоненты. Кастомные радиокнопки на CSS

Радиокнопки используются для выбора одного из множества значений. Если текст радиокнопки короткий, то уместно использовать переключатель. Такой вариант мы реализуем в этой статье с использованием чистого CSS.
Frontend 646
2 года назад

UI-компоненты. Кастомные чекбоксы на CSS

Чекбокс используется для выбора двух состояний у одного параметра. Он может использоваться для выбора элементов списка, например, для выбора нескольких документов, или для активации уведомлений и выбора конкретных ситуаций, в которых их следует отправлять.
Frontend 1 118