Declarative UIs without CSS with elm-ui
Declarative UIs without CSS with elm-ui
Duration: 42m | .MP4 1280x720, 30 fps(r) | AAC, 48000 Hz, 2ch | 282 MB
Genre: eLearning | Language: English
Duration: 42m | .MP4 1280x720, 30 fps(r) | AAC, 48000 Hz, 2ch | 282 MB
Genre: eLearning | Language: English
elm-ui is a language for layout and interface design. This is a novel iteration on declarative styling where you can use Elm types and functions to define your UI in a declarative way.
The novel part is that it does not require you to know CSS to be used. The API is very simple and can be learned quickly!
The approach taken by elm-ui is based on two big ideas: Getting the compiler to verify as much of the layout and styling as possible by defining them in Elm code Enabling refactoring capabilities of Elm for UI code.
What you'll learn
Use a declarative mindset for building UIs
Positioning elements, including centering
Creating a layout with rows and columns
Building a form
Quick Facts
elm-ui allows you to define styling with a minimal knowledge of CSS
elm-ui is not only useful as a layout system but also on the component/element level
elm-ui is more logic based than CSS based
There is no cascade when declaring elm-ui
elm doesn't have statements, it has expressions
Questions to Reflect Upon:
What's the best approach to building UIs?
How should I balance the tradeoffs between functionality and accessibility?
More Info