Блог

24 публикации
Сначала обсуждаемое
Сначала свежее Сначала популярное Сначала обсуждаемое
Сбросить фильтры
Простое бургер-меню на чистом JavaScript

Простое бургер-меню на чистом JavaScript

В этой статье я покажу, как сделать несложное бургер-меню для сайта, которое в дальнейшем вы сможете стилизовать и улучшать по своему усмотрению. Наше меню адаптируется под мобильные устройства. При нажатии на иконку-бургер, слева направо выпадает меню.

Frontend
4 года назад
16 48k
Создаем карточки товаров на HTML и CSS

Создаем карточки товаров на HTML и CSS

Карточки с товарами - неотъемлемая часть любого интернет-магазина. Они позволяют в удобном виде презентовать товары или услуги потенциальному клиенту. В этой статье мы сделаем верстку карточек товаров, выведем их в сетку, а также адаптируем сетку под мобильные устройства.
Frontend
4 года назад
12 76k
Создаем корзину товаров на JavaScript

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

Корзина товаров - один из самых главных компонентов любого интернет-магазина. Корзина показывает все выбранные товары в одном месте, считает скидку и общую стоимость заказа.
Frontend
3 года назад
9 40k
Форма обратной связи: пишем основу на HTML и CSS

Форма обратной связи: пишем основу на HTML и CSS

В этой статье напишем форму обратной связи на HTML и CSS. Данная форма будет включать в себя две колонки: в первой отображается информация о вашей компании, во второй находятся поля для ввода и кнопка "Отправить".
Frontend
4 года назад
3 32k
Верстка форм авторизации и регистрации по макету Figma

Верстка форм авторизации и регистрации по макету Figma

Рассмотрим, как сверстать две формы: одну для авторизации, вторую для регистрации пользователя. Данные формы вы можете адаптировать под себя: дизайн у них довольно простой, так же как сам код.
Frontend
4 года назад
2 19k
Простая сборка Gulp для верстки сайта.

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

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

Курс по Tailwind CSS: Цвета и шрифты #4

В прошлой статье мы разобрали базовые утилиты. Теперь углубимся в работу с цветами и шрифтами. В Tailwind CSS v4 эти возможности стали ещё удобнее: библиотека поддерживает современную цветовую модель OKLCH, P3-палитры, а также предоставляет новый способ расширять тему с помощью @theme.
Frontend
12 месяцев назад
0 1,2k
Курс по Tailwind CSS: Первые шаги с утилитами #3

Курс по Tailwind CSS: Первые шаги с утилитами #3

В прошлой статье мы настроили окружение и убедились, что Tailwind работает. Теперь подробнее разберём самые часто используемые утилиты: отступы, цвета, текст и адаптивность.
Frontend
12 месяцев назад
0 1,2k
Курс по Tailwind CSS: Установка #2

Курс по Tailwind CSS: Установка #2

Tailwind CSS — это современный CSS-фреймворк, который позволяет быстро и удобно стилизовать сайты, не тратя время на написание «с нуля» длинных стилей.
Frontend
12 месяцев назад
0 1,2k
Курс по Tailwind CSS: Введение #1

Курс по Tailwind CSS: Введение #1

Tailwind CSS — это utility-first фреймворк: вы собираете интерфейс из маленьких утилит прямо в разметке, не переключаясь между HTML и длинными кастомными стилями.
Frontend
12 месяцев назад
0 1,2k
Roadmap верстальщика сайтов в 2024 году

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

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

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

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