Полноэкранный (fullscreen) блок на CSS и HTML // Как это сделать?

В этом выпуске научимся делать правильные полноэкранные (fullscreen) блоки используя только CSS и HTML. Узнаем как верстать на весь экран. Поехали!
Результат верстки из урока для подписчиков на патреоне:
/ 38045843
🔴 Получить доступ к плюшкам + поддержать канал: / freelancerlifestyle
🔴 Telegram канал: t.me/freelancer_lifestyle (teleg.run/freelancer_lifestyle)
🔴 Telegram чат по верстке: t.me/flschat (teleg.run/flschat)
🔴 Facebook: / freelancerlifestyle
🔴 Instagram: / freelancer.lifestyle
👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками!
Ссылка на канал: / freelancerlifestyle
🤟 Живи, а работай в свободное время! ©

[@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/

[@Ibrohim021]

Здравствуйте, а можно видосик о кроссбраузерной верстке как и что как одаптивить под интернет экплеэр

[@vladyslavisyp539]

Здравствуйте, подскажите пожалуйста, как вы пишете код(команду) на русском потом нажимаете кнопку и оно превращается в нормальную команду html или css.

[@svhanz]

@@vladyslavisyp539 Где вы видели на русском запись команды? Евгений набирает текст команды, а вот потом класс/тег или как там правильно, добавляется сам. Мне эта фича тоже понравилась, но скорее всего это софтина такая. Вот это надо выяснять, я так понимаю.

[@svhanz]

@@vladyslavisyp539 Нашел. Это VSC

[@user-nb8ex1tq6r]

@@vladyslavisyp539 Это Punto Switcher

[@Pro10056Bah]

Смотрим))) Огонь, очень полезно, спасибо за Ваш труд.

[@FreelancerLifeStyle]

Пожалуйста!

[@dianadallaitalia]

Очень вовремя вы открыли ваш прекрасный канал! Как раз как я заинтересовалась версткой. Спасибо!!

[@aleks-ts]

Круто, Женя, спасибо, еще не смотрел, но ставлю лайк! Пока по порядку видео смотрю)))

[@FreelancerLifeStyle]

Спасибо!

[@user-il1el1rp3b]

Круто! Спасибо, теперь я знаю, как сделать fullscreen. Особенно спасибо за позитивный текст) Мотивация очень нужна в наше время

[@Alexander-yr8ul]

Спасибо Вам за то что Вы делаете: за позитив, подачу материала, мотивацию. Спасибо.

[@FreelancerLifeStyle]

Подалуйста!

[@user-vl3ei3cy5v]

Отличное преподнесение материала, все по делу! Очень жду новых роликов! Огромное спасибо, за то что делаете!!!

[@FreelancerLifeStyle]

Пожалуйста!

[@alexgenesis6556]

Спасибо огромное. Благодаря Вашему каналу я учусь быть лучше с каждым уроком.

[@ob7349]

Дякую)))) Блін, раз за разом прокручую свою сторінку, любуюсь)))))

[@caydebane6753]

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

[@endurenzmusic6617]

Ппц ты крут ! А главное и я от этого круче становлюсь . столько всего нового узнала смотря твои видео .

[@user-mr5ui3pp1m]

Очень классно! Код написан изящно, ничего лишнего(как говорит Жека никаких танцев с бубном). Миллиард миллионов тебе в подписчики!

[@cheesecheesson9842]

Молодец! Спасибо тебе огромное за всё, что ты делаешь!!! Удачи тебе, здоровья и благополучия!

[@alex45779]

Спасибо за Ваши исследования! И что делитесь знаниями!

[@FreelancerLifeStyle]

Пожалуйста!

[@AlinaEmv]

Просто ВАУ! Супер полезный урок, как и все собственно на канале))))

[@yuriismakota9574]

спасибо огромное за урок! как всегда, все на высоте!

[@user-cv9oc3dg9h]

Круто, спасибо! Все видосы огонь просто🔥 информативность зашкаливает, подача тоже)

[@FreelancerLifeStyle]

Спасибо большое!

[@user-lq9td7kp8n]

Спасибо. Главное, что объясняется очень понятным языком.

[@loralinda4398]

Офигенно, супер, так доступно. Спасибо -Ты лучший.

[@FreelancerLifeStyle]

Спасибо!

[@KuKu_RuKu88]

Жень, спасибо !!! Все подробно и классно изложено !!! Как всегда )))

[@user-pe5gw6bh6y]

Большое спасибо! Очень полезный классный урок! Здоровья и успехов Вам!

[@FreelancerLifeStyle]

Пожалуйста!

[@vadimrex6784]

Круто! Спасибо, Женя!!! Я сейчас, как раз верстаю фул скрин)

[@FreelancerLifeStyle]

Пожалуйста!

[@user-jh2fj1ki8w]

Респект. Очень полезно. Жду продолжения. Жека, ты лучший!

[@FreelancerLifeStyle]

Спасибо!

[@AlexZHIMuk]

Чем дальше, тем интереснее и интереснее. Спасибо. Очень нужные вещи и очень понятным языком!

[@FreelancerLifeStyle]

Супер! Я рад!

[@user-lq1ty8su7s]

Согласен, всё доступно и понятно

[@diko5975]

Спасибо! Вы даже не представляете как во время! сегодня как раз весь день с фуллскринным сайтом сижу ))

[@FreelancerLifeStyle]

Супер! Я рад!

[@serg1000serg]

Очень полезно!!! Очередная благодарочка!!!

[@armenakcomp]

Все получилось, круто и полезно. Спасибо! 😉

[@arseloned3834]

Очень благодарен тебе человек, твой канал для меня большая находка, продолжай !!!

[@FreelancerLifeStyle]

Я рад!

[@romanrrv]

Спасибо! Мучился с такой вёрсткой. Теперь всё понятно

[@user-kq8nb9tn5q]

Как всегда!!! Отличное видео!!!!!!!! Спасибо!

[@FreelancerLifeStyle]

Пожалуйста!

[@user-bj8oe1gt3r]

вот это твое появление из тумана прям класс) урок полезный!

[@Katyachaya13]

Как всегда отличный выпуск. Спасибо

[@user-dz7wd1es8i]

Супер! Большое спасибо, увидел много интересующих нюансов

[@FreelancerLifeStyle]

Супер, рад!

[@ulanbakytov2564]

Спс тебе, многому у тебя научился. Как заработаю свои первые деньги, обязательно поддержу твой канал. Твой труд бесценен и должно оплачиваться!!

[@art-avetyan]

Спасибо! Очень методично и понятно. Классная подача для самообучения. Приятно слушать и выполнять все этапы урока.

[@FreelancerLifeStyle]

Супер! Я рад!

[@user-tf2lp7jp5x]

Это не самообучения,Это целий Институт знания. 😁😁😁😁😁

[@user-ez9cu1gi4v]

Как всегда очень интересно, спасибо ))

[@FreelancerLifeStyle]

Пожалуйста!

[@user-cj1ee5px7p]

Хочется снова и снова поставить лайк (конечно же лайк стоит уже..) Честно, учусь и с каждым разом всё больше и больше Благодарен Вам за то, что такого Безценного контента нет! И к тому же, раз это всё Отдаётся Бесплатно, то конечно это Дар! Дар и может быть Окно Возможностей, для кого-то! А для меня так точно. Спасибо Вам,Удивляющему и Удивительному Человеку!

[@xtapofficial6732]

Спасибо огромное! Очень классный канал! Отличное объяснение-яркое и понятное!

[@FreelancerLifeStyle]

Пожалуйста!

[@TheChaluy]

Як завжди топ) Спасибі, Женя!

[@user-yz1lf2pw5v]

Просто и со вкусом. Класс !!

[@FreelancerLifeStyle]

Спасибо!

[@777bujhm]

Спасибо Женя! как всегда на высоте, у тебя крутой контент))

[@FreelancerLifeStyle]

Спасибо!

[@user-qu9yl6bv6m]

Как обычно на высоте!

[@FreelancerLifeStyle]

Спасибо!

[@konstantinreut2577]

Благодарочка, Женя!)

[@morozoff1996]

Женя, ты как всегда вовремя! Не так давно верстал макет, где было несколько фуллскриновых блоков. Самостоятельно и правильно у меня сверстать не получилось, но благодаря этому уроку я могу сделать работу над ошибками. Благодарю!

[@FreelancerLifeStyle]

Пожалуйста!

[@TheMuxacb]

Жека, большое спасибо за видосы. Учусь у тебя. Очень хотелось бы посмотреть на твою реализацию полноэкранной прокрутки с JS (если можно, то не только вниз-вверх, но и вправо-влево)!

[@user-nv4lu5ty4y]

Круто! Оказывается так просто. Спасибо за инфу!

[@FreelancerLifeStyle]

Пожалуйста! Рад что полезно!

[@NataOnion]

Очень-очень крутой контент!! Ждем других видео!

[@FreelancerLifeStyle]

Спасибо!

[@wvvwersus]

Отличный ролик! С помощью него таки удалось сделать фулскрин на макете, который идет к видео о БЭМ! Спасибо за отличные обучающие видео!

[@user-rp7xr2vv4c]

Женя Спасибо!!!! Еще применил к нему твои наработки по адаптивному шрифту и получилось вообще Мега Круто!!!!

[@FreelancerLifeStyle]

Супер, я рад!

[@andyrey840]

Круто, давно ждал такой видос!!!

[@FreelancerLifeStyle]

Супер!

[@user-ut3up9fc2n]

Женя супер!!! Молодчик!! Пора идти поддерживать канал...))

[@FreelancerLifeStyle]

Спасибо большое!

[@aleksei-demon9814]

Повторял за тобой весь урок. Когда своими руками проскроллил "параллакс", аж захватило дыхание!

[@FreelancerLifeStyle]

Супер!

[@Jesus.On.Extasy]

*Спасибо за инфу* 👍

[@freeze174fm]

Спасибо! Действительно крутой и полезный контент! :)

[@dmitrid.317]

Как всегда на высоте!

[@FreelancerLifeStyle]

Спасибо!

[@no_name_2mix]

Отличное видео! Спасибо!

[@user-cd6pc5fj8z]

Эффект с прокруткой фона это вообще бомба!!!

[@FreelancerLifeStyle]

Я рад!

[@user-pn2ev2je2l]

Благодарю Вас за видео.

[@Grifanos]

Ох Женя) С языка сорвал про физику перехода на следующий экран по кнопке) Как всегда лайк, и спасибо)

[@FreelancerLifeStyle]

Пожалуйста!

[@maksacool]

Огромное спасибо за видео

[@proreshala5680]

Крутое видео! Женя большой молодец! Так держать!

[@zmeygorynych5684]

Урок бомбический, решил сверстать binary из твоего марафона, там фулскрин картинка первая. Сразу на этом затормозил, обратился к этому видео и вуаля, "теперь я знаю, как это сделать". Евгений, спасибо за труды)

[@FreelancerLifeStyle]

Пожалуйста!

[@vladovcharov517]

решило ряд моих проблем спасибо, Жека как всегда на высоте)

[@FreelancerLifeStyle]

Я рад!

[@yonjoo8258]

Крутняк! я вот прямо вот это искал последнюю, ну фиксацию

[@vladimirilintcov6924]

Спасибо за контент)

[@AlekseyNaumov_734]

Супер!

[@user-tl7ur9sb6f]

Супер! Спасибо

[@vahe.hayrapetyan]

Очень помог! Лайк

[@user-wf4np1ne2c]

Спасибо Жек, полезный урок, я с этими фуллскринами часами седел))

[@FreelancerLifeStyle]

Пожалуйста!

[@yres1399]

Свежо, интересно, полезно - спасибо!

[@FreelancerLifeStyle]

Пожалуйста!

[@user-ls4gp3ww4z]

Жека, урок огонь!

[@lera6580]

*Я в восхищении* (с) Кот Бегемот Очень бы хотелось ролики на эту тему с прокруткой на js. Интересно будет именно в твоем исполнении посмотреть. *яростно тыкает "нравится"*

[@FreelancerLifeStyle]

)) Спасибо!

[@user-nb8ex1tq6r]

Очень полезно, спасибо! Теперь я не только могу создавать fullscreen, но и знаю какой это терракотовый цвет 😀😆

[@egorkomarov4719]

Мастер! От души!

[@FreelancerLifeStyle]

Спасибо!

[@grommaks]

Отличная тема, добавил себе в очередь :) лайк однозначно 👍

[@FreelancerLifeStyle]

Пожалуйста!

[@user-dt1cy1sd7c]

Красавчик!!!

[@user-tu6ok5ts2f]

Очень полезно, очень нужно, очень ждём дополнение с прокруткой)

[@iventeye]

Полезно! Спасибо!

[@FreelancerLifeStyle]

Пожалуйста!

[@user-vk1kb3xj6b]

Благодарим, смотрим и комментируем!

[@FreelancerLifeStyle]

Спасибо!

[@user-nw5br5jg9k]

Как всегда ТОП)

[@FreelancerLifeStyle]

Спасибо!

[@diatm1506]

Спасибо огромное всё работает! У меня 3 слоя было background выше градиент ещё выше слой текст и тд)

[@HA_CTPIME]

Як завжди. Корисно i якiсно.

[@user-vn9qk3eh6i]

Спасибо, полезная ифнормация:)

[@vs5888]

Спасибо сильно помог :)

[@nuriddinsapaev7162]

ооооооочееень крутооооооо!!!

[@nikitagarchellios629]

Спасибо тебе большое!

[@FreelancerLifeStyle]

Пожалуйста!

[@BLGamesChannel]

Отлично! Как раз делаю дизайн сайта, сделаю с прицелом на фулскрин блоки и сверстаю!)

[@FreelancerLifeStyle]

Супер!

[@rustamal3kb3rov39]

Жека спасибо за урок , как раз вот верстал макет с полноекранными блоками , но делал это по кривому . Спасибо ты просто лучший .

[@FreelancerLifeStyle]

Пожалуйста!

[@FXUNDPLXGG]

Не то что я искал но тоже полезно

[@user-jq6tr6rr8v]

Спасибо большое! От значка ГТО - к олимпийской медали !!! )

[@FreelancerLifeStyle]

Пожалуйста!

[@user-lq1ty8su7s]

Очень полезно бро, респектос

[@FreelancerLifeStyle]

Пожалуйста!

[@nataliavardazaryan3981]

круто!

[@user-cq4gz1oi7f]

Спасибо большое.

[@FreelancerLifeStyle]

Пожалуйста!

[@user-tf2lp7jp5x]

Я это 16мин видео смотрю час и пишу код,который он написал. Спасибо Женя

[@Noroyami]

Спасибо . Это просто понятно и без воды . Попробовал основу из увиденного применить на гридах . Оказалось все гораздо проще чем думал . Спасибо большое :) будут ли уроки по css grid ?

[@user-gg5po7yt6z]

БРАВО аплодисменти автору

[@delawar.]

Зачет. Было бы неплохо сделать рубрику от верстки лёгкого макета к сложному :). Всегда респект.

[@FreelancerLifeStyle]

Верстки макетов уже есть и будут еще, разной сложности

[@ramilnazmiev9448]

спасибо от самой души

[@FreelancerLifeStyle]

Пожалуйста!

[@letsplay6285]

Класс!

[@FreelancerLifeStyle]

Спасибо!

[@vasyaklishch4184]

чувак, а ти крутий! :)