Адаптивная HTML SCSS верстка сайта из Figma лендинга жилого комплекса LoftHouse. Верстка по пакету из Figma, CSS препроцессор SCSS, использование миксинов и переменных.
Стартовая коллекция CSS сниппетов для ускорения HTML верстки и написания CSS стилей. Быстрые команды для фона, псевдоэлементов, импорта и медиа запросов.
Как создавать пользовательские сниппеты в редакторе VS Code. Видео по сниппетам в VS Code Материалы из видео Генератор сниппетовhttps://snippet-generator.
Разберемся с тем как собирать SASS / SCSS в редакторе Visual Studio Code. Рассмотрим подробную настройку плагина Live Sass Compiler. Видео с настройкой
В этом видео разберу топ своих любимых тем и настроек для редактора VS Code. Под видео ссылки на темы и плагины. Ссылки из видео: Тема Ayu Иконки Material
На двух разных устройствах: Цвета при просмотре макета в Figma и на телефоне отличаются. Например, в Figma Mirror или при просмотре экспортированного изображения.
Материалы к уроку: Стартовый код проекта с версткой Готовый код с урока Ссылки к уроку: Node JS Создание React приложения, документация React ScrollToTop
React JS
Использование localStorage и состояния useState в функциональном компоненте React JS. useLocalSorage.js Использование:
HTML верстка шапки сайта для жилого комплекса. Материалы к уроку: Макет в Figma Сброс стилей reset.css Шрифты Google Fonts Готовый код с урока Видео урок
Адаптивная HTML верстка сайта портфолио для новичков на HTML и CSS. Мобильная адаптивная верстка, медиазапросы. Темная тема на CSS переменных и JavaScript.