Каким образом Elm обрабатывает отзывчивый веб-дизайн?

Question

Я нашел эту библиотеку для отзывчивого CSS на github, а затем я начал спрашивать себя ... Elm отзывчивый? Теоретически, Elm делает все, что могут делать HTML, CSS и JavaScript ... Я не вижу никаких способов читать данные, такие как операционная система или размер экрана. И могут быть и другие факторы, которых я пренебрегаю.

Возможно, можно написать порт?

Я видел хотя бы один случай, F #, где внешние эффекты или требования обрабатываются comonads, но это довольно сложное решение. Вот блог на co-effects, в котором рассказывается о программировании, ориентированном на контекст. Это звучит сложнее, но это именно то, что мы хотим на быстро реагирующих веб-страницах.

Изображение из Wikipedia.

Answer 1

Большая часть отзывчивого дизайна исходит из CSS с помощью @media запросов, поэтому основная задача Elm - просто вывести HTML, который не является сложным для стиля (например, избегать таблиц для макета или несоответствующих встроенных стилей).

Если Вы желаете, чтобы динамически сделать что-то на основе размера экрана, вы можете использовать Window package, который может либо выдать Task для получения текущего размера или подписаться на resizes событий.

В целом, я ожидаю, что выход программы Elm не будет противоречить реализации адаптивного дизайна.