learn-elm
learn-elm copied to clipboard
dwyl
Understanding Style (Matthew Griffith Elm Europe 2017 Talk)
@ronanyeah recommended watching Matthew Griffith's Elm Europe 2017 talk "Understanding style":
https://youtu.be/NYb2GDWMIm0
Without any "spoilers", I'd suggest anyone using Elm move it to the top of their "To Watch List". 😉
(Also I've been using it for a month, it's one of the best/most productive web development tools I've used ever, full-stop.)
anyone else following along, Style Elements uses CSS Grid for Pixel-Perfect / Responsive Grid Layout.
If you want to understand CSS Grid in more depth, I recommend reading:
https://css-tricks.com/snippets/css/complete-guide-grid and or: https://gridbyexample.com
The browser support isn't great
(Basically Microsoft dragging their feet, as usual...!! and older versions of Safari/Android ...)
https://caniuse.com/#feat=css-grid
There is a "Polyfill": https://github.com/FremyCompany/css-grid-polyfill
But I have not tested it with Elm-rendered apps ... would welcome any insight on this.
Asked for help on Elm |> #style-elements Slack: (thanks to @supermario for quick reply!)
Looks like we're going to be doing some IE8/9, iOS 9 and "Legacy Android" Testing ... 🙄
Advice from @mdgriffith (creator of style-elements) is to not use Grid if IE Support is required.
see: https://github.com/mdgriffith/style-elements/issues/120
Feel like I can do everything I need with Columns & Rows for now so not an issue. 👍
This popped up on my Medium feed: https://becoming-functional.com/test-driving-the-elm-style-elements-library-7e7771c4159a
