This is a collection of cool 3D stuff made 100% in Elm. Get inspired to play with these tools, build stuff and contribute to public libraries! If you think that something is missing, you spotted a mistake or you have some feedback, send me a message or — even better…

Lately there has been some interesting discussion about Modern Web. I personally think that Single Page Applications (SPAs) have been (ab)used in places where a more traditional server side approach could have been a better fit SPAs require extra care (navigation, scrolling, accessibility, SEO, etc.) There are many SPAs that…

This is an attempt to measure how good are front-end frameworks in dealing with simple errors. I took the implementations of TodoMVC made in 5 different frameworks: VanillaJS, React, Vue, Svelte and Elm. Then I injected 7 different errors and I analyzed the behavior. After injecting error in the 5…

A biased and superficial comparison between two frameworks that compile to JavaScript — I had some fun writing this (probably inconclusive) post about Elm and Svelte. Rich Harris, in Write less code, showcase a small code snippet in Svelte as an example of getting something done writing a small amount of code. I wrote the same thing in Elm and compared with Svelte…

Demo: http://elm-masonry.surge.sh/ Code: https://github.com/lucamug/elm-masonry/

Code: https://github.com/lucamug/elm-playground-3d Demos: https://elm-playground-3d.netlify.com/ Example: https://elmjapan.org/

This is a tutorial on how to build a mildly complex web layout without any knowledge of CSS (and also any knowledge of Javascript and HTML for that matter). The layout is built using Elm and elm-ui. Elm is a pure functional language that compile to Javascript. elm-ui is an…

Handling time in Elm seems to be a scaring thing for beginners. In Elm is not possible to have a function that return the present time because that would not be a pure function and all functions must be pure. Such a function is not pure because the output is…

Part 3 of 12 — Add the Pause — Previous: Part 2 — Add Keyboard Support Next: Part 4—Add the Players (coming soon) Add the pause