Code Lab
Главная
Блог
Готовые решения
Курсы
Обратная связь
Найдено по тегу «HTML»
Рубрики
Обучение
206
Frontend
175
Обзоры
140
Мобильная разработка
68
Backend
41
Железо
30
Сервера
26
CMS
25
Софт
25
Общее
23
GameDev
17
Инструменты сборки
16
Что должен знать фронтенд-разработчик: база для успешного старта
Junior‑позиции больше не про «сверстать лендинг». От джуна ждут уверенной базы по веб‑платформе, умения читать документацию, пользоваться инструментами разработчика и показывать это на практике — в резюме, пет‑проектах и на собеседовании.
Курс по Tailwind CSS: Container query #8
Раньше адаптивность вёрстки строилась только на медиазапросах (@media) и брейкпоинтах (sm:, md:, lg:). Но у этого подхода есть ограничение: стили меняются в зависимости от ширины экрана, а не от ширины самого блока.
Курс по Tailwind CSS: Grid-сетки #7
В прошлой статье мы разобрали flexbox. Он отлично подходит для выравнивания и простых макетов: меню, хедеры, блоки в строку. Но если нужно выстроить настоящую сетку карточек или галерею — удобнее использовать Grid.
Курс по Tailwind CSS: Flexbox #6
Flexbox — мощный инструмент для построения макетов. Он упрощает управление расположением элементов по горизонтали и вертикали. В Tailwind всё это сводится к простым утилитам, которые легко комбинировать и читать прямо в разметке.
Курс по 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 и длинными кастомными стилями.
Как сделать видео на фон с помощью CSS
В эпоху цифрового дизайна, фоновое видео на веб-странице становится не просто трендом, но и эффективным инструментом для привлечения внимания посетителя. Отлично подобранное и качественно интегрированное видео способно усилить визуальное воздействие, добавить динамики и глубины в общее впечатление от сайта.
Создание видеофона с использованием HTML и CSS
В современном веб-дизайне уделяется все больше внимания интерактивности и визуальным эффектам, и одним из способов сделать вашу страницу более привлекательной является добавление видео фона.
Курс по HTML: метатеги
Метаданные - это важная информация, которая описывает содержимое веб-страницы для поисковых систем. В HTML метаданные добавляются с помощью мета-тегов, предоставляющие информацию о веб-странице, которую поисковые системы могут использовать для правильного индексирования и отображения.
Курс по HTML: семантические элементы
В веб-разработке HTML является основой структуры и контента веб-сайта. С внедрением семантического в HTML5 веб-разработчики теперь могут создавать более значимые и доступные веб-страницы.
Курс по HTML: работа с аудио и видео
В современном цифровом мире мультимедиа является важнейшим элементом веб-разработки. Аудио- и видеоконтент становится все более популярным, поскольку он обеспечивает пользователям интерактивный опыт.
Курс по HTML: работа с формами
HTML-формы - это мощный инструмент для сбора данных от пользователя. Формы помогают отправлять данные на сервер для обработки. Они могут варьироваться от простых полей поиска до сложных многоступенчатых опросов.
Курс по HTML: работа с изображениями
Добавление картинок на веб-страницу делает сайт более наглядным и привлекательным для пользователя. Эта статья познакомит вас с основами добавления изображений в HTML-документы и даст полное представление об атрибутах изображений.
Курс по HTML: работа с текстом
HTML — это язык разметки, который широко используется для создания веб-страниц. Это позволяет веб-разработчикам создавать контент, который отображается структурировано. Одним из наиболее важных аспектов HTML является возможность работы с текстом.
Руководство для начинающих по HTML: синтаксис и базовая структура
HTML (язык гипертекстовой разметки) является основой каждого веб-сайта. Он обеспечивает структуру и содержимое веб-страницы и является языком, который веб-браузеры используют для отображения веб-страниц.
Лучшие плагины VS Code для HTML и CSS
HTML и CSS являются важными технологиями для создания веб-сайтов и веб-приложений. Visual Studio Code (VS Code) — это мощный редактор кода, поддерживающий HTML и CSS, и существует множество подключаемых модулей и расширений, позволяющих улучшить процесс разработки HTML/CSS.
Создаем карточки товаров на HTML и CSS
Карточки с товарами - неотъемлемая часть любого интернет-магазина. Они позволяют в удобном виде презентовать товары или услуги потенциальному клиенту. В этой статье мы сделаем верстку карточек товаров, выведем их в сетку, а также адаптируем сетку под мобильные устройства.
Верстка форм авторизации и регистрации по макету Figma
Рассмотрим, как сверстать две формы: одну для авторизации, вторую для регистрации пользователя. Данные формы вы можете адаптировать под себя: дизайн у них довольно простой, так же как сам код.
Загрузить ещё
