Нужны ли адаптивы для веб-приложения внутри telegram?

Ссылка скопирована
Python Telegram Веб-разработка
2 ответов

Мне пришла задача - нужно задизайнить кошелек для Телеграм Виджетов, типа как Кошелек и Notcoin в Телеграме.

Возник спор с клиентом. Он хочет разрешения: Десктоп, Таблетка и Мобилку. Я начал сомневаться в полезности разрешений. Потому что, если посмотреть, разрабы ТГ создали веб-приложения “Кошелек” и Notcoin, и похоже, что он просто разработал разрешения для мобильных устройств и ничего более.

Вопрос: Все же нужны ли адаптивы для веб приложения внутри Телеграм или нет?

Дополнительно:

А зачем спорить с клиентом? Любой каприз за его деньги - выгодная со всех сторон позиция.

  • Сергей Горностаев, Все дело в том, что сроки очень короткие) В целом, мне кажется странным, что он запрашивает все разрешения, в то время как Notcoin и Telegram Кошелек могут быть открыты на компьютере или планшете, как будто это мобильными версия
  • Vlaadiko, так бы и ставили вопрос: хотите - сделаем, займёт дополнительное время и будет стоить дополнительных денег. Заказчики всегда все лучше в цифрах понимают.
  • Сергей Горностаев, понял, спасибо за помощь)
  • Сергей Горностаев, сколько на моем опыте было "нужно уже вчера", а реализация через 1+ неделю XD
  • maksam07, я просто никогда не подписывался на работу с нереальными требованиями. Иногда заказчик уходил к другому исполнителю, терял с ним время и деньги, чтобы снова вернутся ко мне.

    • Ответы:

    Заказчик говорит - надо. Вы спрашиваете здесь надо ли.
    Оно какбэ ненужно, но заказчик платит.

    Нужно решить такую задачу?

    Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

    Заказать помощь
    Лучший ответ
    1
    Виктор Sys Ответ

    Да, адаптивы для веб-приложения внутри Telegram могут быть очень полезными, особенно если вы хотите, чтобы ваше приложение выглядело и работало хорошо на различных устройствах и разрешениях экрана. Адаптивный дизайн позволяет вашему веб-приложению автоматически адаптироваться к различным размерам экранов, что обеспечивает лучшую пользовательскую опыт и удобство использования.

    Для создания адаптивного дизайна веб-приложения внутри Telegram, вам следует учитывать следующие рекомендации:

    1. Используйте отзывчивые CSS-фреймворки, такие как Bootstrap или Foundation, чтобы легко создавать адаптивные макеты и компоненты.
    2. Используйте медиа-запросы в CSS для определения стилей в зависимости от размера экрана устройства.
    3. Используйте относительные единицы измерения, такие как проценты или em, вместо абсолютных единиц, чтобы элементы могли масштабироваться на различных устройствах.
    4. Тестируйте ваше веб-приложение на различных устройствах и разрешениях экрана, чтобы убедиться, что оно выглядит и работает правильно.

    Пример использования медиа-запросов в CSS для адаптивного дизайна веб-приложения внутри Telegram на языке PHP:

    @media only screen and (max-width: 600px) {
    /* Стили для устройств с шириной экрана до 600px */
    .container {
        width: 100%;
    }
}
 
@media only screen and (min-width: 601px) and (max-width: 1024px) {
    /* Стили для устройств с шириной экрана от 601px до 1024px */
    .container {
        width: 80%;
    }
}
 
@media only screen and (min-width: 1025px) {
    /* Стили для устройств с шириной экрана больше 1024px */
    .container {
        width: 60%;
    }
}

    @media only screen and (max-width: 600px) { /* Стили для устройств с шириной экрана до 600px */ .container { width: 100%; } } @media only screen and (min-width: 601px) and (max-width: 1024px) { /* Стили для устройств с шириной экрана от 601px до 1024px */ .container { width: 80%; } } @media only screen and (min-width: 1025px) { /* Стили для устройств с шириной экрана больше 1024px */ .container { width: 60%; } }

    Следуя этим рекомендациям и примеру использования медиа-запросов в CSS, вы сможете создать адаптивный дизайн для вашего веб-приложения внутри Telegram, который будет хорошо отображаться на различных устройствах и обеспечит удобство использования вашего приложения пользователями.

    Другие ответы (1) Ответить на вопрос
    Сергей Миронов

    Да, использование адаптивного дизайна для веб-приложения внутри Telegram может быть очень полезным. Поскольку пользователи могут открывать веб-приложение на различных устройствах и разных размерах экранов, адаптивный дизайн позволит вашему приложению корректно отображаться на всех устройствах, обеспечивая удобство использования для всех пользователей.

    Для реализации адаптивного дизайна в веб-приложении внутри Telegram вы можете использовать CSS медиа-запросы. Медиа-запросы позволяют задавать различные стили для разных размеров экранов, что позволяет вашему веб-приложению автоматически адаптироваться к различным устройствам.

    Пример использования CSS медиа-запросов для создания адаптивного дизайна веб-приложения внутри Telegram на языке PHP:

    /* Стили для десктопных устройств */
@media only screen and (min-width: 768px) {
   /* Ваши стили для десктопных устройств */
}
 
/* Стили для планшетов */
@media only screen and (max-width: 768px) {
   /* Ваши стили для планшетов */
}
 
/* Стили для мобильных устройств */
@media only screen and (max-width: 480px) {
   /* Ваши стили для мобильных устройств */
}

    /* Стили для десктопных устройств */ @media only screen and (min-width: 768px) { /* Ваши стили для десктопных устройств */ } /* Стили для планшетов */ @media only screen and (max-width: 768px) { /* Ваши стили для планшетов */ } /* Стили для мобильных устройств */ @media only screen and (max-width: 480px) { /* Ваши стили для мобильных устройств */ }

    Помимо CSS медиа-запросов, также важно учитывать оптимизацию изображений, шрифтов и других элементов для улучшения производительности и скорости загрузки веб-приложения внутри Telegram на различных устройствах.

    Использование адаптивного дизайна в веб-приложении внутри Telegram поможет улучшить пользовательский опыт и удобство использования вашего приложения на любом устройстве.

    комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *

    Вам также может быть интересно

    VPN Как правильно настроить vless для Android TV? 1 ответ печатные-платы Как заставить запускаться программу M3.exe от компании Hanxing AOI в инспекционной машине на Windows 7 Pro? 1 ответ Visual Studio Code Как лучше убрать тень у панели слева в VS Code? 1 ответ linkedin Из-за чего выкидывает из аккаунта LinkedIn? 1 ответ