Статьи по тегу «HTML»

 

Иконка Рубрики
5 дней назад

Что должен знать фронтенд-разработчик: база для успешного старта

Junior‑позиции больше не про «сверстать лендинг». От джуна ждут уверенной базы по веб‑платформе, умения читать документацию, пользоваться инструментами разработчика и показывать это на практике — в резюме, пет‑проектах и на собеседовании.
Frontend 108
2 недели назад

Курс по Tailwind CSS: Container query #8

Раньше адаптивность вёрстки строилась только на медиазапросах (@media) и брейкпоинтах (sm:, md:, lg:). Но у этого подхода есть ограничение: стили меняются в зависимости от ширины экрана, а не от ширины самого блока.
Frontend 31
2 недели назад

Курс по Tailwind CSS: Grid-сетки #7

В прошлой статье мы разобрали flexbox. Он отлично подходит для выравнивания и простых макетов: меню, хедеры, блоки в строку. Но если нужно выстроить настоящую сетку карточек или галерею — удобнее использовать Grid.
Frontend 147
2 недели назад

Курс по Tailwind CSS: Flexbox #6

Flexbox — мощный инструмент для построения макетов. Он упрощает управление расположением элементов по горизонтали и вертикали. В Tailwind всё это сводится к простым утилитам, которые легко комбинировать и читать прямо в разметке.
Frontend 173
2 недели назад

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

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

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

В прошлой статье мы настроили окружение и убедились, что Tailwind работает. Теперь подробнее разберём самые часто используемые утилиты: отступы, цвета, текст и адаптивность.
Frontend 155
2 недели назад

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

Tailwind CSS — это современный CSS-фреймворк, который позволяет быстро и удобно стилизовать сайты, не тратя время на написание «с нуля» длинных стилей.
Frontend 176
2 недели назад

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

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

Как сделать видео на фон с помощью CSS

В эпоху цифрового дизайна, фоновое видео на веб-странице становится не просто трендом, но и эффективным инструментом для привлечения внимания посетителя. Отлично подобранное и качественно интегрированное видео способно усилить визуальное воздействие, добавить динамики и глубины в общее впечатление от сайта.
Frontend 870
2 года назад

Создание видеофона с использованием HTML и CSS

В современном веб-дизайне уделяется все больше внимания интерактивности и визуальным эффектам, и одним из способов сделать вашу страницу более привлекательной является добавление видео фона.
Frontend 1 010
3 года назад

Курс по HTML: метатеги

Метаданные - это важная информация, которая описывает содержимое веб-страницы для поисковых систем. В HTML метаданные добавляются с помощью мета-тегов, предоставляющие информацию о веб-странице, которую поисковые системы могут использовать для правильного индексирования и отображения.
Frontend 2 187
3 года назад

Курс по HTML: семантические элементы

В веб-разработке HTML является основой структуры и контента веб-сайта. С внедрением семантического в HTML5 веб-разработчики теперь могут создавать более значимые и доступные веб-страницы.
Обучение 5 850
3 года назад

Курс по HTML: работа с аудио и видео

В современном цифровом мире мультимедиа является важнейшим элементом веб-разработки. Аудио- и видеоконтент становится все более популярным, поскольку он обеспечивает пользователям интерактивный опыт.
Обучение 1 327
3 года назад

Курс по HTML: работа с формами

HTML-формы - это мощный инструмент для сбора данных от пользователя. Формы помогают отправлять данные на сервер для обработки. Они могут варьироваться от простых полей поиска до сложных многоступенчатых опросов.
Обучение 1 810
3 года назад

Курс по HTML: работа с изображениями

Добавление картинок на веб-страницу делает сайт более наглядным и привлекательным для пользователя. Эта статья познакомит вас с основами добавления изображений в HTML-документы и даст полное представление об атрибутах изображений.
Frontend 913
3 года назад

Курс по HTML: работа с текстом

HTML — это язык разметки, который широко используется для создания веб-страниц. Это позволяет веб-разработчикам создавать контент, который отображается структурировано. Одним из наиболее важных аспектов HTML является возможность работы с текстом.
Frontend 2 759
3 года назад

Руководство для начинающих по HTML: синтаксис и базовая структура

HTML (язык гипертекстовой разметки) является основой каждого веб-сайта. Он обеспечивает структуру и содержимое веб-страницы и является языком, который веб-браузеры используют для отображения веб-страниц.
Frontend 2 300
3 года назад

Лучшие плагины VS Code для HTML и CSS

HTML и CSS являются важными технологиями для создания веб-сайтов и веб-приложений. Visual Studio Code (VS Code) — это мощный редактор кода, поддерживающий HTML и CSS, и существует множество подключаемых модулей и расширений, позволяющих улучшить процесс разработки HTML/CSS.
Софт 9 804
3 года назад

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

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

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

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