#адаптивная_верстка — Public Fediverse posts
Live and recent posts from across the Fediverse tagged #адаптивная_верстка, aggregated by home.social.
-
Интерактивная визуализация спортивных коэффициентов: что удалось, а что нет
Построить интерактивный дашборд, визуализирующий изменение спортивных коэффициентов в реальном времени. Аналог систем мониторинга, только вместо метрик — лайв-кэфы с букмекерского API.
https://habr.com/ru/articles/933852/
#D3js #визуализация_данных #спортивные_коэффициенты #WebSocket #нормализация_данных #SVG #Canvas #адаптивная_верстка #realtime_графики #frontend_архитектура
-
Интерактивная визуализация спортивных коэффициентов: что удалось, а что нет
Построить интерактивный дашборд, визуализирующий изменение спортивных коэффициентов в реальном времени. Аналог систем мониторинга, только вместо метрик — лайв-кэфы с букмекерского API.
https://habr.com/ru/articles/933852/
#D3js #визуализация_данных #спортивные_коэффициенты #WebSocket #нормализация_данных #SVG #Canvas #адаптивная_верстка #realtime_графики #frontend_архитектура
-
Интерактивная визуализация спортивных коэффициентов: что удалось, а что нет
Построить интерактивный дашборд, визуализирующий изменение спортивных коэффициентов в реальном времени. Аналог систем мониторинга, только вместо метрик — лайв-кэфы с букмекерского API.
https://habr.com/ru/articles/933852/
#D3js #визуализация_данных #спортивные_коэффициенты #WebSocket #нормализация_данных #SVG #Canvas #адаптивная_верстка #realtime_графики #frontend_архитектура
-
Интерактивная визуализация спортивных коэффициентов: что удалось, а что нет
Построить интерактивный дашборд, визуализирующий изменение спортивных коэффициентов в реальном времени. Аналог систем мониторинга, только вместо метрик — лайв-кэфы с букмекерского API.
https://habr.com/ru/articles/933852/
#D3js #визуализация_данных #спортивные_коэффициенты #WebSocket #нормализация_данных #SVG #Canvas #адаптивная_верстка #realtime_графики #frontend_архитектура
-
Отзывчивый дизайн для веб-приложений: как обеспечить доступность на всех устройствах? Принципы отзывчивого дизайна
Отзывчивый дизайн — это подход к веб‑разработке, который позволяет создавать сайты, автоматически подстраивающиеся под размеры экрана устройства пользователя. С каждым годом количество вариантов растёт — от смартфонов до умных телевизоров. Поэтому адаптированный и отзывчивый дизайн стал основой успешных веб проектов. Поскольку технологии, связанные с пользовательским интерфейсом, влияют на всех этапах создания приложения, отзывчивый дизайн — это не только инструменты разработчика, но и принципы проектирования, которые нужно учитывать на ранних этапах проекта. Мы считаем, что изучение новых подходов — это не только способ сделать продукты удобными, но и ключ к более эффективному взаимодействию в команде. В этой статье мы хотим поговорить о проектировании и разработке отзывчивых приложений. Если вы тоже хотите делать удобные интерфейсы, просим под кат.
-
Отзывчивый дизайн для веб-приложений: как обеспечить доступность на всех устройствах? Принципы отзывчивого дизайна
Отзывчивый дизайн — это подход к веб‑разработке, который позволяет создавать сайты, автоматически подстраивающиеся под размеры экрана устройства пользователя. С каждым годом количество вариантов растёт — от смартфонов до умных телевизоров. Поэтому адаптированный и отзывчивый дизайн стал основой успешных веб проектов. Поскольку технологии, связанные с пользовательским интерфейсом, влияют на всех этапах создания приложения, отзывчивый дизайн — это не только инструменты разработчика, но и принципы проектирования, которые нужно учитывать на ранних этапах проекта. Мы считаем, что изучение новых подходов — это не только способ сделать продукты удобными, но и ключ к более эффективному взаимодействию в команде. В этой статье мы хотим поговорить о проектировании и разработке отзывчивых приложений. Если вы тоже хотите делать удобные интерфейсы, просим под кат.
-
Отзывчивый дизайн для веб-приложений: как обеспечить доступность на всех устройствах? Принципы отзывчивого дизайна
Отзывчивый дизайн — это подход к веб‑разработке, который позволяет создавать сайты, автоматически подстраивающиеся под размеры экрана устройства пользователя. С каждым годом количество вариантов растёт — от смартфонов до умных телевизоров. Поэтому адаптированный и отзывчивый дизайн стал основой успешных веб проектов. Поскольку технологии, связанные с пользовательским интерфейсом, влияют на всех этапах создания приложения, отзывчивый дизайн — это не только инструменты разработчика, но и принципы проектирования, которые нужно учитывать на ранних этапах проекта. Мы считаем, что изучение новых подходов — это не только способ сделать продукты удобными, но и ключ к более эффективному взаимодействию в команде. В этой статье мы хотим поговорить о проектировании и разработке отзывчивых приложений. Если вы тоже хотите делать удобные интерфейсы, просим под кат.
-
Отзывчивый дизайн для веб-приложений: как обеспечить доступность на всех устройствах? Принципы отзывчивого дизайна
Отзывчивый дизайн — это подход к веб‑разработке, который позволяет создавать сайты, автоматически подстраивающиеся под размеры экрана устройства пользователя. С каждым годом количество вариантов растёт — от смартфонов до умных телевизоров. Поэтому адаптированный и отзывчивый дизайн стал основой успешных веб проектов. Поскольку технологии, связанные с пользовательским интерфейсом, влияют на всех этапах создания приложения, отзывчивый дизайн — это не только инструменты разработчика, но и принципы проектирования, которые нужно учитывать на ранних этапах проекта. Мы считаем, что изучение новых подходов — это не только способ сделать продукты удобными, но и ключ к более эффективному взаимодействию в команде. В этой статье мы хотим поговорить о проектировании и разработке отзывчивых приложений. Если вы тоже хотите делать удобные интерфейсы, просим под кат.
-
Адаптивная вёрстка с учётом размера шрифта пользователя и брейкпоинты
На эту статью меня вдохновил вопрос из раздела Q&A « Как выбрать «опорные точки» перехода ширины экрана для стилей страниц сайта? ». Занимаясь в последнее время адаптивной вёрсткой, я пришёл к нескольким выводам, которыми и хочу с вами здесь поделиться. Заодно разберём некоторые полезные (и не очень) техники для адаптивной вёрстки, и пересоберём Bootstrap с их учётом.
https://habr.com/ru/companies/timeweb/articles/874486/
#timeweb_статьи #css #верстка #адаптивная_верстка #breakpoint #ui #usability
-
Адаптивная вёрстка с учётом размера шрифта пользователя и брейкпоинты
На эту статью меня вдохновил вопрос из раздела Q&A « Как выбрать «опорные точки» перехода ширины экрана для стилей страниц сайта? ». Занимаясь в последнее время адаптивной вёрсткой, я пришёл к нескольким выводам, которыми и хочу с вами здесь поделиться. Заодно разберём некоторые полезные (и не очень) техники для адаптивной вёрстки, и пересоберём Bootstrap с их учётом.
https://habr.com/ru/companies/timeweb/articles/874486/
#timeweb_статьи #css #верстка #адаптивная_верстка #breakpoint #ui #usability
-
Адаптивная вёрстка с учётом размера шрифта пользователя и брейкпоинты
На эту статью меня вдохновил вопрос из раздела Q&A « Как выбрать «опорные точки» перехода ширины экрана для стилей страниц сайта? ». Занимаясь в последнее время адаптивной вёрсткой, я пришёл к нескольким выводам, которыми и хочу с вами здесь поделиться. Заодно разберём некоторые полезные (и не очень) техники для адаптивной вёрстки, и пересоберём Bootstrap с их учётом.
https://habr.com/ru/companies/timeweb/articles/874486/
#timeweb_статьи #css #верстка #адаптивная_верстка #breakpoint #ui #usability
-
Адаптивная вёрстка с учётом размера шрифта пользователя и брейкпоинты
На эту статью меня вдохновил вопрос из раздела Q&A « Как выбрать «опорные точки» перехода ширины экрана для стилей страниц сайта? ». Занимаясь в последнее время адаптивной вёрсткой, я пришёл к нескольким выводам, которыми и хочу с вами здесь поделиться. Заодно разберём некоторые полезные (и не очень) техники для адаптивной вёрстки, и пересоберём Bootstrap с их учётом.
https://habr.com/ru/companies/timeweb/articles/874486/
#timeweb_статьи #css #верстка #адаптивная_верстка #breakpoint #ui #usability
-
Адаптивная верстка на React Native
⚛️ Адаптивная верстка на React Native При разработке веб-приложений на React, браузер Chrome тратит много оперативной памяти. Это связано с тем, что для эффективного обхода Virtual Dom, используется JIT компилятор, наслаивающий более эффективные реализации скомпилированных JavaScript функций поверх интерпретируемой реализации. Это создает высокую сложность по памяти: нагрузка на GC возрастает кратно. Избежать просадки производительности может использование движка Hermes из React Native. Однако, React Native не умеет работать с адаптивной версткой: из коробки есть Yoga Layout, реализующий только Flexbox. Описание проблем, возникших при портировании классического React приложения в React Native можно прочитать в этой статье. Речь идет о поддержке различных форм факторов устройств, в том числе, Galaxy Fold
https://habr.com/ru/articles/833124/
#React #Typescript #Javascript #React_Native #Responsive_Layout #Адаптивная_верстка #мобильная_разработка #аналитика #проектирование #бюджет
-
Адаптивная верстка на React Native
⚛️ Адаптивная верстка на React Native При разработке веб-приложений на React, браузер Chrome тратит много оперативной памяти. Это связано с тем, что для эффективного обхода Virtual Dom, используется JIT компилятор, наслаивающий более эффективные реализации скомпилированных JavaScript функций поверх интерпретируемой реализации. Это создает высокую сложность по памяти: нагрузка на GC возрастает кратно. Избежать просадки производительности может использование движка Hermes из React Native. Однако, React Native не умеет работать с адаптивной версткой: из коробки есть Yoga Layout, реализующий только Flexbox. Описание проблем, возникших при портировании классического React приложения в React Native можно прочитать в этой статье. Речь идет о поддержке различных форм факторов устройств, в том числе, Galaxy Fold
https://habr.com/ru/articles/833124/
#React #Typescript #Javascript #React_Native #Responsive_Layout #Адаптивная_верстка #мобильная_разработка #аналитика #проектирование #бюджет
-
Адаптивная верстка на React Native
⚛️ Адаптивная верстка на React Native При разработке веб-приложений на React, браузер Chrome тратит много оперативной памяти. Это связано с тем, что для эффективного обхода Virtual Dom, используется JIT компилятор, наслаивающий более эффективные реализации скомпилированных JavaScript функций поверх интерпретируемой реализации. Это создает высокую сложность по памяти: нагрузка на GC возрастает кратно. Избежать просадки производительности может использование движка Hermes из React Native. Однако, React Native не умеет работать с адаптивной версткой: из коробки есть Yoga Layout, реализующий только Flexbox. Описание проблем, возникших при портировании классического React приложения в React Native можно прочитать в этой статье. Речь идет о поддержке различных форм факторов устройств, в том числе, Galaxy Fold
https://habr.com/ru/articles/833124/
#React #Typescript #Javascript #React_Native #Responsive_Layout #Адаптивная_верстка #мобильная_разработка #аналитика #проектирование #бюджет
-
Адаптивная верстка на React Native
⚛️ Адаптивная верстка на React Native При разработке веб-приложений на React, браузер Chrome тратит много оперативной памяти. Это связано с тем, что для эффективного обхода Virtual Dom, используется JIT компилятор, наслаивающий более эффективные реализации скомпилированных JavaScript функций поверх интерпретируемой реализации. Это создает высокую сложность по памяти: нагрузка на GC возрастает кратно. Избежать просадки производительности может использование движка Hermes из React Native. Однако, React Native не умеет работать с адаптивной версткой: из коробки есть Yoga Layout, реализующий только Flexbox. Описание проблем, возникших при портировании классического React приложения в React Native можно прочитать в этой статье. Речь идет о поддержке различных форм факторов устройств, в том числе, Galaxy Fold
https://habr.com/ru/articles/833124/
#React #Typescript #Javascript #React_Native #Responsive_Layout #Адаптивная_верстка #мобильная_разработка #аналитика #проектирование #бюджет