Как верстать сайты быстро, редактор VS Code и плагин Emmet
Урок 4: Верстаем экран по макету из Figma, ShapeDrawable | Курс Android на Kotlin c нуля
Смотреть на обучающей платформе с ИИ Смотреть в VK Смотреть на YouTube Давайте поверстаем, используя один из разобранных в прошлом уроке контейнеров. У нас есть дизайн-макет, который вы тоже можете посмотреть здесь https://clck.ru/34ow4g. Макет нарисован в Figma — в настоящее время самый популярный инструмент для дизайна сайтов и мобильных приложений. Он векторный, браузерный, позволяет работать командам совместно и в то же время мощный. И еще есть десктопное приложение. Расскажу необходимый разработчику минимум...
Как сверстать сайт по макету из Figma: пошаговый процесс
Figma — инструмент дизайнера. Браузер — инструмент пользователя. Между ними — процесс, который называется вёрстка. Разберём, как перенести то, что нарисовано в Figma, в реальный работающий сайт — без написания кода вручную. Figma показывает статичную картинку. Сайт — живой: кнопки нажимаются, формы отправляются, тексты меняются. При переносе нужно не просто «сделать похоже», а реализовать поведение каждого элемента. Плюс: адаптивность. В Figma вы рисуете для конкретных размеров. На сайте он должен работать на 375px и на 1920px одновременно...