Создание сайта в реальном времени с нуля до публикации за 6 часов // Марафон Верстки 2.0

Если хочешь скачать PSD макет, переходи по ссылке:

В этом видео я покажу процесс создания landing page с нуля до выгрузки на хостинг.
------------------------------------------------------------------------------------------------------------------------------------------------------------------------

Больше контента в нашей группе Вконтакте
Присоединяйтесь к нашему сообществу Discord

Мой канал в telegram "Лысый из браузера"

Еще у нас скоро стартует курс обучения. Напиши моему ассистенту:
-----------
Я использую хостинг Link Host с 2014 года

Каналы с крутыми фичами на CSS и JavaScript:

Канал с терминами для айтишников:

Канал, где публикуют ссылки на полезные сервисы и сайты:

[AlexanderFrom]

Доступное и легко усвояемое повествование. Спасибо за учебный материал. Такого даже на платных курсах редко встретишь. Для удобства обучающихся - можно ли в таких больших записях - уроках сделать временнЫе маркеры?
по типу:


и т.д.

с такой навигацией полезность возрастет в разы.

Я за повышение юзабилити полезных вещей!


p.s. обязательно поддержу рублем. Причем это может сделать каждый с первого гонорара за сверстанный сайт!

[V]

все гут. спасибо. жду еще подобных марафонов с версткой. как говорится, пили еще))

[ВикторБурков-йы]

верстка и создание самому, это млять 2 разные вещи!

[ДенисМальцев-мм]

На 8й минуте хак на миллион, спасибо бро, ты про).

[ИльяШишлачев]

нет куска видео с оформлением круглого прогресс бара...

[aviaskidon]

Спасибо, временные маркеры не помешали бы, все таки 6 часов!

[alexanderzhidkikh]

Запишите пожалуйста современный процесс верстки многостраничника, на современных технологиях (bootstrap 4, flexbox, SASS) . без всяких gulp. Спасибо

[voriskhonfayzullaev]

спасибо!) было бы классно если бы макетом мог поделится что бы мы тоже попробовали)

[jtwbzcm]

спасибо за хороший ролик!
а на flexbox-е будет запись верстки?

[olegmaz]

Подскажите пожалуйста, зачем :befor всегда прописиваете position:absolute; ? Top, left и т.д. не используеться, а для виравнивание елементов используеться transform: traslateY(); Да и в li нет position:relative; Получаеться absolute лишний, или я что то не так понимаю?

[pitcrouch]

все хорошо, НО каким магическим способом появились цифры внутри circle-progress?почему это не показано в видео?

[olegmaz]

Не могу найти на канале урок по gulp, подкажите пожалуйста какой то урок для начинающего.

[MrEleman]

Сейчас данный сайт выглядит по другому, сам переделывал или заказчик нашел другого зачем-то.

[anixi]

кто-то повторял весь процесс за автором полностью?

[bitRaccoon]

неплохо было б параллельно на гитхаб коммитить. история действий была б куда нагляднее.

[serhiibezkorovainyi]

Как ты делаеш перевод текста в другую раскладку, очень интересно!!!???

[andreywebdesign]

Сколько по деньгам сверстать такой макет?) примерно =)

[etobudetlegendarno]

И во сколько оценивается такая работа?

[ArtikMan]

Смотрю эти две ссылки и не понимаю где правда. То ли башка не варит...
В документации пишет, что sm - это от 576px и больше.
А вот здесь пишет, что small девайсы- это от 768 px и больше.
Где правда? Извините, может я очень сильно туплю...

[MrEleman]

Почему нейросети не могут создавать сайты, людям останется играючи без всяких вводов строчек добавить параметры, может даже писать прямо по пустому полю "Здесь показать всплывающее меню с тремя овальными кнопками внизу" "здесь прямоугольное поле ввода с полупрозрачной надписью XXX" Когда уже роботы будут программировать коды. Это наверное лет через 40 )
А так я ничего не понимаю зашёл просто посмотреть чем люди дышат на планете, это как флорист пойдёт посмотрит глазами на работу прозрачного выставочного ДВС, не понимает, но видит как происходит процесс и пытается логически ухватить принцип происходящего.