Адаптивная HTML SCSS верстка сайта из Figma лендинга жилого комплекса LoftHouse.
Верстка по пакету из Figma, CSS препроцессор SCSS, использование миксинов и переменных. Медиазапросы и адаптивная верстка. Разметка на основе CSS Grid и Flexbox. JS скрипты для маски номера телефона, скрипт для youtube lightbox видео, скрипт для yandex карты с кастомным пином, тонкой CSS стилизацией и JS настройкой карты.
Подробно с пошаговыми объяснениями для новичков и начинающих. Готовый код к уроку прилагается.
Содержание
Видео урок
Макет
Материалы к уроку
Ссылки
- Плагин LiveSass Compiler для сборки SCSS в VS Code
- Сброс стилей reset.css
- Сниппеты в VS Code
- Набор CSS сниппетов VS Code
- Быстрое копирование CSS классов. Плагин eCSStractor
- Моя настройка VS Code
Мои настройки для Live SASS Compiler
"liveSassCompile.settings.showOutputWindowOn": "None", "liveSassCompile.settings.formats": [ { "format": "expanded", "extensionName": ".css", "savePath": "/css/" } ],
Сниппет для миксина с медиазапросом
/* Media Tablet */ "mediaTablet": { "scope": "css,scss", "prefix": "tablet", "body": ["@include mediaTablet {", " ${1}", "}"], "description": "mediaTablet" },
Готовый код с урока
play youtube
xvideos
xnxx
xhamster
xvideos
hentai
sex việt
Phim sex
tiktok download
mp3 download
MÚSIC MP3
heo69
Nfib V Sebelius
sex viet
Jungle In My Head
javhd xxx
Comvetse
free fuck
Aaron Rodgers Tattoo Meaning
pornxnx
sex xxx
porno
javHD
Free Music
Fucking
hentai
hentai
sex hd
London Fog Leather Jacket
tiktok downloader
Free Music
Jesus Lazardo
porn videos
jav
roblox porn
free Hentai
Easter Cake Lemon
Mindful Chef Review
phim xxx
Free MP3
American porn
naked women
Dimaria Age
phim xnxx
Roasted Chicken
Primelending
Chanel White Backpack
xvideos
Travel Bag Reviews
Boys Shoes Sale
Waitrose Harrow Weald
Babby Face Ray
xvideos
Jav hd
Mp3 Download
Hentai Sex
porn
Nike Air Max Classic
sex 4K
Free MP3
Streamutt