Understanding Style (Matthew Griffith Elm Europe 2017 Talk)

[nelsonic]

@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". 😉

[ronanyeah]

(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.)

[ronanyeah]

Exciting! https://www.gitbook.com/book/mdgriffith/style-elements/details

[nelsonic]

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 ... 🙄

[nelsonic]

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. 👍

[newswim]

This popped up on my Medium feed: https://becoming-functional.com/test-driving-the-elm-style-elements-library-7e7771c4159a