Хостинг для сайтов:
Промотариф от 49 ₽/мес:
В этом видео будем пробовать верстать сайт с новой технологией CSS Container, а также применим clamp() и единицы измерения ch и cqw.
Макет простой и использовать будем HTML/CSS, чтобы каждый мог разобраться в том, что я использую.
Обязательно обновите свой браузер, прежде чем начать верстать. Поддержка CSS Container на декабрь 2022 составляет 76%, поэтому результат вы увидите только в самых свежих версиях браузера.
⚡️ Макеты и демо можно получить через донат:
1) по подписке (доступ ко всем макетам)
2) по подписке (доступ ко всем макетам)
3) разовая оплата через крипту с получением одного макета @annblok (в комментариях напишите email)
⚡️ Что посмотреть перед тем, как начать верстать?
Видео про CSS Container -
Видео про CSS Grid -
Видео про VS Code -
✅ Таймкоды:
00:00:00 Макет для вёрстки
00:00:58 Boosty
00:01:48 Как будем верстать?
00:02:12 Реклама
00:03:52 Подготовка проекта
00:09:50 Устанавливаем шрифт
00:11:20 Верстаем шапку сайта
00:23:25 CSS Container для шапки
00:26:17 Проблемы из-за CSS Container
00:32:38 Верстаем статью
00:56:22 Дублирование статей
00:58:08 CSS Container для статьи
🔵 Дзен —
🔵 ВК —
🔵 Telegram —
🔵 Чат Telegram —
🔵 Instagram —
🔵 TikTok — @annblok_webdev
🔴 Задать вопрос —
🔴 Обучение -
#css #html #верстка #версткасайта #верстальщик
19 views
56
13
2 months ago 00:19:29 1
#1 Верстка сайта по шаблону для начинающих | Верстаем вместе | Сайт ресторана - делаем меню
2 months ago 00:05:50 1
Как проходит ПЯТЬ ВЁРСТ в городе КОРОЛЁВ
2 months ago 00:23:18 1
Дизайн макета с нуля. Графический дизайн
2 months ago 00:50:43 1
#1 Верстка сайта с нуля для начинающих | HTML, CSS
2 months ago 00:41:07 1
Создаем полноценные сайты с помощью нейронной сети. Генерируем веб-дизайн, тексты и верстаем итог
2 months ago 02:40:30 1
#1: React Sneakers - создаем простой интернет-магазин (junior)
2 months ago 00:01:11 1
КАК ПРАВИЛЬНО УСТАНОВИТЬ CLIENT MOD НА АНДРОЙД
3 months ago 00:02:17 1
Дизайнер создаёт главную страницу сайта в Zero Block на Тильде: #tildatimelapse
3 months ago 00:36:09 1
Как настроить ПЛАТЕЖНУЮ СИСТЕМУ на сайте. Подключаем Т-Банк (Тинькофф) к Taptop
3 months ago 00:00:00 1
ПУТЬ ДИЗАЙНЕРА в 2024: верстка на Taptop после Webflow
3 months ago 00:18:27 1
Делаем Первый Реальный Сайт в Нейросети ChatGpt и Midjourney
3 months ago 00:35:30 1
#1 Адаптивная верстка сайта с нуля для начинающих | HTML, CSS, Figma практика | Анализ макета
3 months ago 00:19:42 1
СДЕЛАЙ ДИЗАЙН САЙТА с помощью FIGMA И Нейросети MIDJOURNEY ЗА 15 МИНУТ 🔥
4 months ago 00:05:02 157
Open Server 6.0 - Как создать проект. Как использовать Apache
4 months ago 00:21:03 1
Выполняю РЕАЛЬНЫЙ ЗАКАЗ дизайн + вёрстка сайта на фрилансе LIVE / Веб-дизайн Figma + Craftum
4 months ago 00:13:01 1
Топ-7 фишек HTML/CSS верстки сайта которые ты должен знать
4 months ago 00:00:00 1
Верстаем посты на BB-блоках [Мастер-класс]
4 months ago 00:51:40 1
Отправка формы на почту. Верстка валидация и отправка формы без перезагрузки. AJAX. PHPMailer.
4 months ago 04:00:19 1
Верстка простого сайта для самых маленьких, html/css подробное объяснение
5 months ago 00:01:44 6
Когда мы вернемся домой - Долгие версты войны
5 months ago 00:36:35 1
Создание дизайна сайта (лендинг) в Figma с нуля | Практика, этапы работы / Landing Page в Figma
5 months ago 00:10:02 1
VS Code топ-10 плагины которые обязательно нужны. LiveServer, Html css support
5 months ago 00:14:30 1
Дизайн визитки в фотошопе. Как сделать дизайна визитки в фотошопе?