search

dwyl / learn-elm

:rainbow: discover the beautiful programming language that makes front-end web apps a joy to build and maintain!
https://github.com/dwyl/learn-elm
477 stars 42 forks source link

Understanding Style (Matthew Griffith Elm Europe 2017 Talk) #96

Open nelsonic opened 6 years ago

nelsonic commented 6 years ago

@ronanyeah recommended watching Matthew Griffith's Elm Europe 2017 talk "Understanding style": image https://youtu.be/NYb2GDWMIm0 Without any "spoilers", I'd suggest anyone using Elm move it to the top of their "To Watch List". 😉

ronanyeah commented 6 years ago

screenshot from 2017-09-15 12-28-05 (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 commented 6 years ago

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

nelsonic commented 6 years ago

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 image

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 image

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!) image Looks like we're going to be doing some IE8/9, iOS 9 and "Legacy Android" Testing ... 🙄

nelsonic commented 6 years ago

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 commented 6 years ago

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