nqthqn / elm-by-example

Example code
4 stars 0 forks source link

ideas #1

Open nqthqn opened 6 years ago

nqthqn commented 6 years ago
lucamug commented 6 years ago

This is an example at mozilla.org. They have two buttons for opening the example in CodePen and JSFiddle. I am asking in #ellie if this can done with Ellie...

https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById#Result

This is an example for the Go language: https://gobyexample.com/

This is something I have done for style-elements library

http://guupa.com/elm-style-elements-examples/html/Examples.html

This is the code

https://github.com/lucamug/elm-style-elements-examples/blob/master/src/Examples.elm

rdela commented 6 years ago

Y’all are the best! I think a fun first two exercises would be adapting @lucamug examples to Ellie format then adding elm-css versions for contrast

nqthqn commented 6 years ago

Adding to the list of ideas here - Side by side javascript/elm examples. Maybe with a section for commentary explaining some of the differences.

rdela commented 6 years ago

@rl-king

I started working on an example site with Elm and JS side by side some time ago. With the idea a lot of devs would know JS and wonder how to do it in Elm. Good idea? Would anyone be interested in this? This is the repo, it’s still very basic but working , just have to write some examples and docs on how to contribute, and maybe get a url https://github.com/rl-king/howinelm

Examples are added by creating a folder with an .elm .js .json .md file and run the generate.json script. This generates a single json file with all examples.

See also https://github.com/rl-king/elm-hnpwa/ 🆒 📱 :neckbeard: