Полноэкранный (fullscreen) блок на CSS и HTML // Как это сделать?
Вставка
- Опубліковано 8 лют 2025
- В этом выпуске научимся делать правильные полноэкранные (fullscreen) блоки используя только CSS и HTML. Узнаем как верстать на весь экран. Поехали!
Результат верстки из урока для подписчиков на патреоне:
/ 38045843
🔴 Получить доступ к плюшкам + поддержать канал: / freelancerlifestyle
🔴 Telegram канал: t.me/freelance... (teleg.run/free...)
🔴 Telegram чат по верстке: t.me/flschat (teleg.run/flschat)
🔴 Facebook: / freelancerlifestyle
🔴 Instagram: / freelancer.lifestyle
👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками!
Ссылка на канал: / freelancerlifestyle
🤟 Живи, а работай в свободное время! ©
🔴 Ну как, полезно?
Получить доступ к плюшкам + поддержать канал: www.patreon.com/freelancerlifestyle
Telegram канал: t.me/freelancer_lifestyle или teleg.run/freelancer_lifestyle
Telegram чат по верстке: t.me/flschat (teleg.run/flschat)
Instagram: instagram.com/freelancer.lifestyle/
Facebook: facebook.com/freelancerlifestyle/
Здравствуйте, а можно видосик о кроссбраузерной верстке как и что как одаптивить под интернет экплеэр
Здравствуйте, подскажите пожалуйста, как вы пишете код(команду) на русском потом нажимаете кнопку и оно превращается в нормальную команду html или css.
@@vladyslavisyp539 Где вы видели на русском запись команды? Евгений набирает текст команды, а вот потом класс/тег или как там правильно, добавляется сам. Мне эта фича тоже понравилась, но скорее всего это софтина такая.
Вот это надо выяснять, я так понимаю.
@@vladyslavisyp539 Нашел. Это VSC
@@vladyslavisyp539 Это Punto Switcher
Дякую)))) Блін, раз за разом прокручую свою сторінку, любуюсь)))))
Смотрим))) Огонь, очень полезно, спасибо за Ваш труд.
Пожалуйста!
Ппц ты крут ! А главное и я от этого круче становлюсь . столько всего нового узнала смотря твои видео .
Очень классно! Код написан изящно, ничего лишнего(как говорит Жека никаких танцев с бубном).
Миллиард миллионов тебе в подписчики!
Спасибо огромное. Благодаря Вашему каналу я учусь быть лучше с каждым уроком.
Спасибо Вам за то что Вы делаете: за позитив, подачу материала, мотивацию. Спасибо.
Подалуйста!
Женя, ты как всегда вовремя! Не так давно верстал макет, где было несколько фуллскриновых блоков. Самостоятельно и правильно у меня сверстать не получилось, но благодаря этому уроку я могу сделать работу над ошибками. Благодарю!
Пожалуйста!
Отличное преподнесение материала, все по делу! Очень жду новых роликов! Огромное спасибо, за то что делаете!!!
Пожалуйста!
вот это твое появление из тумана прям класс) урок полезный!
Спасибо! Очень методично и понятно. Классная подача для самообучения. Приятно слушать и выполнять все этапы урока.
Супер! Я рад!
Это не самообучения,Это целий Институт знания.
😁😁😁😁😁
Отличный ролик! С помощью него таки удалось сделать фулскрин на макете, который идет к видео о БЭМ! Спасибо за отличные обучающие видео!
Круто, Женя, спасибо, еще не смотрел, но ставлю лайк! Пока по порядку видео смотрю)))
Спасибо!
Женя супер!!! Молодчик!! Пора идти поддерживать канал...))
Спасибо большое!
Урок бомбический, решил сверстать binary из твоего марафона, там фулскрин картинка первая. Сразу на этом затормозил, обратился к этому видео и вуаля, "теперь я знаю, как это сделать". Евгений, спасибо за труды)
Пожалуйста!
Чем дальше, тем интереснее и интереснее. Спасибо. Очень нужные вещи и очень понятным языком!
Супер! Я рад!
Согласен, всё доступно и понятно
Просто ВАУ!
Супер полезный урок, как и все собственно на канале))))
Спс тебе, многому у тебя научился. Как заработаю свои первые деньги, обязательно поддержу твой канал. Твой труд бесценен и должно оплачиваться!!
Спасибо за Ваши исследования! И что делитесь знаниями!
Пожалуйста!
Большое спасибо! Очень полезный классный урок! Здоровья и успехов Вам!
Пожалуйста!
Очень вовремя вы открыли ваш прекрасный канал! Как раз как я заинтересовалась версткой. Спасибо!!
Круто! Спасибо, теперь я знаю, как сделать fullscreen. Особенно спасибо за позитивный текст) Мотивация очень нужна в наше время
Спасибо! Мучился с такой вёрсткой. Теперь всё понятно
Повторял за тобой весь урок.
Когда своими руками проскроллил "параллакс", аж захватило дыхание!
Супер!
Спасибо! Вы даже не представляете как во время! сегодня как раз весь день с фуллскринным сайтом сижу ))
Супер! Я рад!
Жень, спасибо !!! Все подробно и классно изложено !!! Как всегда )))
Очень благодарен тебе человек, твой канал для меня большая находка, продолжай !!!
Я рад!
Офигенно, супер, так доступно. Спасибо -Ты лучший.
Спасибо!
Респект. Очень полезно. Жду продолжения. Жека, ты лучший!
Спасибо!
Круто! Спасибо, Женя!!!
Я сейчас, как раз верстаю фул скрин)
Пожалуйста!
Круто, спасибо! Все видосы огонь просто🔥 информативность зашкаливает, подача тоже)
Спасибо большое!
Ох Женя) С языка сорвал про физику перехода на следующий экран по кнопке) Как всегда лайк, и спасибо)
Пожалуйста!
Спасибо. Главное, что объясняется очень понятным языком.
Спасибо огромное! Очень классный канал! Отличное объяснение-яркое и понятное!
Пожалуйста!
Просто и со вкусом. Класс !!
Спасибо!
спасибо огромное за урок! как всегда, все на высоте!
*Я в восхищении* (с) Кот Бегемот
Очень бы хотелось ролики на эту тему с прокруткой на js. Интересно будет именно в твоем исполнении посмотреть.
*яростно тыкает "нравится"*
)) Спасибо!
Женя Спасибо!!!! Еще применил к нему твои наработки по адаптивному шрифту и получилось вообще Мега Круто!!!!
Супер, я рад!
Как обычно на высоте!
Спасибо!
Жека, большое спасибо за видосы. Учусь у тебя. Очень хотелось бы посмотреть на твою реализацию полноэкранной прокрутки с JS (если можно, то не только вниз-вверх, но и вправо-влево)!
Хочется снова и снова поставить лайк (конечно же лайк стоит уже..) Честно, учусь и с каждым разом всё больше и больше Благодарен Вам за то, что такого Безценного контента нет! И к тому же, раз это всё Отдаётся Бесплатно, то конечно это Дар! Дар и может быть Окно Возможностей, для кого-то! А для меня так точно. Спасибо Вам,Удивляющему и Удивительному Человеку!
Эффект с прокруткой фона это вообще бомба!!!
Я рад!
Крутое видео! Женя большой молодец! Так держать!
Благодарочка, Женя!)
Спасибо Жек, полезный урок, я с этими фуллскринами часами седел))
Пожалуйста!
Как всегда на высоте!
Спасибо!
Как всегда!!!
Отличное видео!!!!!!!!
Спасибо!
Пожалуйста!
Очень-очень крутой контент!! Ждем других видео!
Спасибо!
Все получилось, круто и полезно. Спасибо! 😉
Благодарим, смотрим и комментируем!
Спасибо!
Отличная тема, добавил себе в очередь :) лайк однозначно 👍
Пожалуйста!
Молодец! Спасибо тебе огромное за всё, что ты делаешь!!! Удачи тебе, здоровья и благополучия!
Очень полезно!!! Очередная благодарочка!!!
Круто, давно ждал такой видос!!!
Супер!
Супер! Большое спасибо, увидел много интересующих нюансов
Супер, рад!
решило ряд моих проблем спасибо, Жека как всегда на высоте)
Я рад!
Спасибо Женя! как всегда на высоте, у тебя крутой контент))
Спасибо!
Спасибо большое!
От значка ГТО - к олимпийской медали !!! )
Пожалуйста!
Как всегда очень интересно, спасибо ))
Пожалуйста!
Мастер! От души!
Спасибо!
Как всегда отличный выпуск. Спасибо
Круто! Оказывается так просто. Спасибо за инфу!
Пожалуйста! Рад что полезно!
Жека, урок огонь!
Свежо, интересно, полезно - спасибо!
Пожалуйста!
Очень полезно, очень нужно, очень ждём дополнение с прокруткой)
Як завжди топ) Спасибі, Женя!
Як завжди. Корисно i якiсно.
*Спасибо за инфу* 👍
Крутняк! я вот прямо вот это искал последнюю, ну фиксацию
Благодарю Вас за видео.
Жека спасибо за урок , как раз вот верстал макет с полноекранными блоками , но делал это по кривому . Спасибо ты просто лучший .
Пожалуйста!
Я это 16мин видео смотрю час и пишу код,который он написал.
Спасибо Женя
Жека ти найкращий!
Очень полезно, спасибо! Теперь я не только могу создавать fullscreen, но и знаю какой это терракотовый цвет 😀😆
Зачет. Было бы неплохо сделать рубрику от верстки лёгкого макета к сложному :). Всегда респект.
Верстки макетов уже есть и будут еще, разной сложности
Как всегда ТОП)
Спасибо!
Спасибо . Это просто понятно и без воды . Попробовал основу из увиденного применить на гридах . Оказалось все гораздо проще чем думал . Спасибо большое :) будут ли уроки по css grid ?
Полезно! Спасибо!
Пожалуйста!
Очень помог! Лайк
Отличное видео! Спасибо!
Какой же ты крассавчик...
Спасибо!
Не то что я искал но тоже полезно
Огромное спасибо за видео
Спасибо! Действительно крутой и полезный контент! :)
Спасибо тебе большое!
Пожалуйста!
Супер!
Ооооочень хороший урок, а фича с параллаксом 🔥
Спасибо!
Отличный ролик! Я думал тут без JS не обходится :)
Спасибо!
Спасибо, полезная ифнормация:)
Спасибо огромное всё работает! У меня 3 слоя было background выше градиент ещё выше слой текст и тд)
Боже как раз искал нормальное решение создание таких блоков 100000000000 лайков!!! Скачал себе в библиотеку!
Я рад)
ооооооочееень крутооооооо!!!
Спасибо за контент)
Отлично! Как раз делаю дизайн сайта, сделаю с прицелом на фулскрин блоки и сверстаю!)
Супер!
Супер! Спасибо
Очень полезно бро, респектос
Пожалуйста!
супер!! жду докрутку с JS)) а еще интересно как делать полноэкранный, но с горизонтальным скроллом
width: 100vw;
...
flex-direction: row;
@@tutsernet будет горизонтальная полоса прокрутки
Спасибо большое.
Пожалуйста!
Талантливый человек, талантлив во всем!!! Классный ролик!
Интересно, у меня башка не взорвется от изучения Python, html, css одновременно? С учетом изучения всего этого с нуля.
Спасибо! Ну, я б наверное не смог так. Все так же лучше по порядку
@@FreelancerLifeStyle Не! Конечно не сразу! Просто html/css вроде как должен знать любой программер на хотя бы минимальном уровне.
Тут я согласен!
@@FreelancerLifeStyle Причем вы знаете, я пока так и не определился что мне интереснее. У меня есть некое внутреннее ощущение, что с питоном дистанционную (не путать с фрилансом) работу найти гораздо сложнее, чем по теме html, по которому можно найти и дистанционную работу и филанц. Поэтому с удовольствием смотрю ваши выпуски! Вы первый, кого я смотрю с огромным удовольствием по этой теме. А перекопал я примерно полтырнета!
БРАВО аплодисменти автору