mdgriffith/elm-ui
Last updated
Was this helpful?
Last updated
Was this helpful?
CSS and HTML are actually quite difficult to use when you're trying to do the layout and styling of a web page.
This library is a complete alternative to HTML and CSS. Basically you can just write your app using this library and (mostly) never have to think about HTML and CSS again.
The high level goal of this library is to be a design toolkit that draws inspiration from the domains of design, layout, and typography, as opposed to drawing from the ideas as implemented in CSS and HTML.
(Readme.md from the )
This is a summary of the talk by Matthew Griffith.
Function
Description
Converts Elm-UI into Html.
Some text.
A basic element similar to div
from HTML.
A row of elements.
A column of elements.
Function
Description
Horizontally centers anything.
Vertically centers anything.
Alignes anything with the left edge of the screen.
Alignes anything with the right edge of the screen.
Alignes anything with the top edge of the screen.
Algines anything with the bottom edge of the screen.
Function
Description
Creates space around the parent
Creates space between the children
Function
Description
Specifies the width of an Element
Specifies the height of an Element
Fills the entire space
Function
Description
Defines a Paragraph. Attributes like alignment, padding and spacing will effect the lines of the paragraph
: List (Attribute msg) -> Element msg -> Html msg
: String -> Element msg
: List (Attribute msg) -> Element msg -> Element msg
: List (Attribute msg) -> List (Element msg) -> Element msg
: List (Attribute msg) -> List (Element msg) -> Element msg
This subject is explained at .
: Attribute msg
: Attribute msg
: Attribute msg
: Attribute msg
: Attribute msg
: Attribute msg
This subject is explained at .
: Int -> Attribute msg
: Int -> Attribute msg
This subject is explained at .
: Length -> Attribute msg
: Length -> Attribute msg
: Length
This subject is explained at .
: List (Attribute msg) -> List (Element msg) -> Element msg
📖Book: by Matthew Griffith
📄Article: by Alex Korban
🎥Video: by Matthew Griffith