🔥 Верстка сайта криптовалют на HTML и CSS | Используем CSS переменные на практике | Верстка сайта

Получите 1000 бонусных рублей по промокоду ANNBLOK

В этом видео сверстаем сайт криптовалют на HTML/CSS и сделаем особый акцент на теме "Переменные в CSS". Повторяйте за мной или пробуйте сверстать самостоятельно, а после сравните свой результат с моим.

⚡️ Макет можно получить через донат:

✌️ Материалы видео:

✅ Рекомендуемые видео:

Таймкоды:
00:00:00 Вступление
00:00:53 Selectel
00:02:16 Подготовка проекта
00:20:25 Шапка сайта
00:32:33 Стартовый блок
00:51:05 Блок статистики
00:57:12 Блок с текстом
01:01:57 Калькулятор
01:20:42 Блок с криптовалютами
01:47:52 Блок с формой
01:56:44 Подвал сайта
02:03:15 Итог

[artemmolot]

Класс, спасибо вам огромное, Анна.
За предоставленный урок, нравится смотреть ваши уроки)

[tukituki]

Лаконично, последовательно и очень доходчиво. Шикарно. Лайк, подписка.

[armenakcomp]

Очень понравилось, спасибо Анна, завтра попробую сверстать адаптив, удачи! 👍

[nursultanstanbek]

Спасибо вам. Очень круто объесняете)) Все четко и практично

[rais.]

спасибо огромное, Вы очень красивая и самая, самая

[onbfuqj]

Я запал, эта девочка — бомба!! 😃Столько оказывается пурги ненужной хипстеры могут понапихать доверчивому человеку (мне). Чую что то не то происходит Я их смотрю, а мне все хуже и хуже. Начал чистить лист подписок.. Всех в топку! На Анне почему то палец завис. Гляну думаю, что ли. Давно к ней не заходил. А тут реально есть чему поучиться. Чисто на опыте, рассекает чисто, не жует. Блин столько мелких но специфических моментов: шрифты-svg, var без препроцессоров, perfect-pixel, а из devtools копирование сразу всем файлом. Всё это конечно один из многих путей, но пока самый эффективный из виденного. Аня, твори! Обнял, залайкал 🥰🥰🥰 От всех контуженных на голову гуру отписался. Не знаю что тебе еще сказать хорошего. Может... огромное спасибо за твой самоотверженный труд. Не меняй формат, он у тебя уже номер один. Береги себя! Так это сказал, то вроде тоже... теперь досмотрю уже на релаксе 😆😆😆

[vladislavkaurov]

Анна, отличная работа, великолепный практический материал! Спасибо вам большое, вы профессионал, и рассказываете отлично :)

[nunngdp]

Отличный материал урока. Спасибо 👍. Как вариант я в другой версии этого проекта кнопки логин и регистрация переделаю на теги button, чтобы открывалась модалка. Пиксели на em и rem для адаптивности макета и шрифта. )))😃

[konstantinreut]

Спасибо за урок!) Очень много полезного для себя взял.

[srgtslnv]

Это самая лучшая верстка которую мне доводилось видеть

[RushHour-tbcg]

спасибо, вас приятно слушать в отличии от других преподавателей

[fhuqjyo]

Великолепно! Только хочу заметить, что если мы для блоков делаем боковые внутренние отступы, то надо макс. ширину увеличивать, в данном случае на 30px

[vasiliisatulov]

Четкий контент, и необосновано маленький фидьэк от зрителей ровно как и неоправдано низколе кол-во просмотров.
Удачи и роста каналу!

[Investicism]

Спасибо большое, обязательно попробую, смотрел на скорости 0, 75 чтобы успевать все отследить)))

[Raven-prup]

Разве не лучше сделать калькулятор отдельным div'ом, затем - переместить его с помощью свойств top, left?

[eugk]

как называется плагин, показывающий вставленные иконки слева от строчек?

[tatianaagapkina]

Анна, спасибо за урок, мне очень понравилось! простой макет с виду, однако несколько фишечек себе взяла на заметку. Вопросы: 1) 1:36:00 - почему при отрисовке круга и подобных элементов не используете код из вкладки Inspect в Фигме? оттуда довольно легко взять значение бордера, ИМХО 2) как правильно было бы отобразить тень от нижней части блока калькулятора? у меня не получается забрать нужный box-shadow из Фигмы

[jvpxcue]

Больше уроков по верстке богу аерстке!давай на гридах!

[spirit-tlcp]

а макет сайта в фигме можно только за донаты скачать?

[avsprv]

Анна, напиши пожалуйста название оформления vs code, у меня стандартный solarized dark весьма отличается от твоего