Стоит ли использовать компоненты вместо стилей текста?
Figma.
На данный момент в стиле текста нельзя задать нижний отступ (bottom margin). Эту проблему можно решить двумя способами:
1. Руками настраивать отступы между Текстом и блоками/элементами.
2. Создать компонент, который включает в себя текстовый элемент со стилем и прозрачный прямоугольник, который будет выступать в роли bottom margin. Пример ниже на скрине:
В первом случае отступ в 24 пикселя настроен вручную, а во втором фактическое расстояние между элементами 0px, однако визуальное пространство есть (если поставить прозрачность красного блока на 0).
Ответ на вопрос очевиден, первый вариант проще, так как Автолейаут в любом случае будет и нет разницы какое расстояние установлено между элементами внутри Автолейаута.
Однако, как я спросил у разработчика, он сказал, что второй вариант с отступом в виде невидимого блока x24px будет удобней при верстке.
Так и наконец-то вопрос: Стоит ли мне морочить себе и разрабу голову создавая компоненты из текста и прилагающегося к нему невидимому блоку (отступу)?
Дополнительно:
Я бы еще сказал обязательно отключить text-edge и leading-trim или как там их зовут. Это не работает практически ни в каком браузере, ваш разраб будет руками подгонять это под каждую разновидность шрифта, хорошо если подгонит, но потом как че-то менять решите проблем не оберетесь
Как на изображении.
Насчет кнопок, да я согласен, для этого нужно будет сделать стиль, а не компонент, так как отступы там не нужны.
Я все же решил сделать библиотеку компонентов из текста с этими отступами, протестирую, насколько это удобно, потом дам знать, если что.
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Когда речь идет о создании веб-страниц, важно понимать разницу между компонентами и стилями текста.
Компоненты - это независимые блоки, которые могут содержать стили, контент и функциональность. Они могут быть переиспользованы на разных страницах сайта и обеспечивают модульность и удобство в разработке. Компоненты могут содержать как текстовую информацию, так и другие элементы дизайна, такие как изображения, кнопки, формы и т.д.
Стили текста, с другой стороны, применяются непосредственно к отдельным элементам текста на странице. Они могут быть использованы для изменения шрифта, размера текста, цвета, выравнивания и других аспектов визуального оформления текста.
Теперь рассмотрим вопрос: стоит ли использовать компоненты вместо стилей текста? Ответ на этот вопрос зависит от конкретной ситуации и требований проекта.
Использование компонентов имеет ряд преимуществ. Во-первых, компоненты позволяют создавать консистентный дизайн на всем сайте, что способствует лучшему пользовательскому опыту. Во-вторых, компоненты обеспечивают переиспользование кода и упрощают его обслуживание. В-третьих, компоненты могут содержать как текстовую информацию, так и другие элементы дизайна, что делает их более мощным инструментом для создания веб-страниц.
Однако стоит помнить, что использование компонентов требует некоторого уровня опыта во фронтенд-разработке. Это может потребовать дополнительного времени и усилий при создании и настройке компонентов. Если ваш проект маленький и не требует сложного дизайна, то использование компонентов может быть излишним.
Таким образом, решение о том, стоит ли использовать компоненты вместо стилей текста, должно быть принято с учетом конкретных потребностей и характеристик проекта. Если ваш проект требует консистентности дизайна, переиспользуемости кода и масштабируемости, то использование компонентов может быть хорошим решением. В противном случае, использование стилей текста может быть более простым и эффективным подходом.