#адаптивный_сайт — Public Fediverse posts

24 «привычки» оптимизации изображений

Я работаю с графикой для web с тех бородатых времен, когда случайное нажатие кнопки wap на телефоне могло привести к инфаркту и моментальному списанию всех средств на счете. В погоне за мобильной доступностью цифровых продуктов в те времена приходилось исхитриться каждый раз и делать это по новому. Сегодня, специалисты в вэб — как спецы в геймдеве «оптимизация? не не слышал» для игр у тебя должна быть 5090, в для сайтов 5g и гигабит, 2026 ведь на носу. Я решил поделится теми «привычками» оптимизации контента/графики, которые уже 20 лет в моем арсенале и остаются актуальными и по сей день.

https://habr.com/ru/articles/969236/

#webразработка #графика #графика_для_сайта #адаптивная_вёрстка #адаптивный_вебдизайн #адаптивный_сайт #оптимизация_изображений #оптимизация #оптимизации #svg

Универсальный подход к адаптивному веб-дизайну интерфейсов Stretch, Scale, Switch (SSS)

Создание адаптивных версий интерфейса это боль многих дизайнеров и, как следствие, разработчиков. Разные экраны, хаос в макетах, непонимание между специалистами… Но есть способ сделать адаптацию проще, предсказуемее и удобнее для всех. В этой статье я предложу вам подход, который сократит количество макетов и сделает интерфейс аккуратным на любом устройстве. Готовы взглянуть на адаптацию под новым углом?

https://habr.com/ru/companies/simpleone/articles/881168/

#дизайн #адаптивный_дизайн #адаптивный_вебдизайн #адаптивная_вёрстка #адаптивность #адаптивный_сайт #адаптив #вебдизайн #ux #ui

Проект Альфа-Бизнес Mobile Web (веб-приложение), или Что делать если AppStore — всё?

Начиная с ведения санкций в 2022 вниманием не обошел и банковский сектор. Сказалось это и на возможности вести разработку и обновлять банковские приложения в Google Play и AppStore. Если ограничение Google Play можно обойти через множество альтернативных сторов или, на худой конец напрямую скачать APK файл, то с релизами в AppStore все куда сложнее — альтернативы нет. Одно из решений обойти ограничение, которое принял Альфа Банк, было уйти в переработку уже существующего адаптива, а точнее в реализацию веб-приложения (Mobile Web) используя технологию PWA (Progressive Web App), с помощью которой сайт преобразуется в веб-приложение визуально и функционально. Далее для удобства буду использовать термин Mobile Web. В данной статье я хочу раскрыть две темы: поделиться опытом ведения проекта с точки зрения вовлеченных большого числа команда и подразделений, а также описать на практическом опыте подход к разработке Mobile Web. Поэтому, если кому-то будет интересна только одна из тем, для удобства я разделю статью на две части.

https://habr.com/ru/companies/alfa/articles/792366/

#mobile_web #pwa #progressive_web_applications #адаптивный_сайт #адаптив #вебприложение

Проект Альфа-Бизнес Mobile Web (веб-приложение), или Что делать если AppStore — всё?

Начиная с ведения санкций в 2022 вниманием не обошел и банковский сектор. Сказалось это и на возможности вести разработку и обновлять банковские приложения в Google Play и AppStore. Если ограничение Google Play можно обойти через множество альтернативных сторов или, на худой конец напрямую скачать APK файл, то с релизами в AppStore все куда сложнее — альтернативы нет. Одно из решений обойти ограничение, которое принял Альфа Банк, было уйти в переработку уже существующего адаптива, а точнее в реализацию веб-приложения (Mobile Web) используя технологию PWA (Progressive Web App), с помощью которой сайт преобразуется в веб-приложение визуально и функционально. Далее для удобства буду использовать термин Mobile Web. В данной статье я хочу раскрыть две темы: поделиться опытом ведения проекта с точки зрения вовлеченных большого числа команда и подразделений, а также описать на практическом опыте подход к разработке Mobile Web. Поэтому, если кому-то будет интересна только одна из тем, для удобства я разделю статью на две части.

https://habr.com/ru/companies/alfa/articles/792366/

#mobile_web #pwa #progressive_web_applications #адаптивный_сайт #адаптив #вебприложение

Проект Альфа-Бизнес Mobile Web (веб-приложение), или Что делать если AppStore — всё?

Начиная с ведения санкций в 2022 вниманием не обошел и банковский сектор. Сказалось это и на возможности вести разработку и обновлять банковские приложения в Google Play и AppStore. Если ограничение Google Play можно обойти через множество альтернативных сторов или, на худой конец напрямую скачать APK файл, то с релизами в AppStore все куда сложнее — альтернативы нет. Одно из решений обойти ограничение, которое принял Альфа Банк, было уйти в переработку уже существующего адаптива, а точнее в реализацию веб-приложения (Mobile Web) используя технологию PWA (Progressive Web App), с помощью которой сайт преобразуется в веб-приложение визуально и функционально. Далее для удобства буду использовать термин Mobile Web. В данной статье я хочу раскрыть две темы: поделиться опытом ведения проекта с точки зрения вовлеченных большого числа команда и подразделений, а также описать на практическом опыте подход к разработке Mobile Web. Поэтому, если кому-то будет интересна только одна из тем, для удобства я разделю статью на две части.

https://habr.com/ru/companies/alfa/articles/792366/

#mobile_web #pwa #progressive_web_applications #адаптивный_сайт #адаптив #вебприложение