Episode 27
027: elm-tailwind-modules
We discuss using elm-tailwind-modules to build type-safe Tailwind views. It's composable, uses Elm's built-in dead code elimination, and is a delightful way to style Elm apps!
March 29, 20211h 19m
Audio is streamed directly from the publisher (cdn.simplecast.com) as published in their RSS feed. Play Podcasts does not host this file. Rights-holders can request removal through the copyright & takedown page.
Show Notes
- Our guest: Philipp Krüger, aka
matheus23(github) (twitter) matheus23/elm-tailwind-moduleselm-reduce(Philipp's Bachelor's thesis)- TailwindCSS
- The Tailwind config file
elm-ui- Sass/Scss
- CSS inheritance
- Cohesion and coupling - don't separate things that need to be understood together
monty5811/postcss-elm-tailwindpaved the path for Philipp's library- PurgeCSS
- Philipp's library is a fork of
justinrassier/postcss-elm-css-tailwind rtfeldman/elm-css(it's a drop-in replacement forelm/html)- CSS in JS
miyamoen/elm-origamimatheus23/elm-default-tailwind-modulesis the best way to start (it's the generatedelm-tailwind-modulescode for the default TailwindCSS configuration)elm-tailwind-modulescurrently requires you to order your breakpoints from high to low (see docs)tesk9/accessible-htmlgithub.com/dillonkearns/elm-pages-starterelm-pages-tailwind-starter- CSS grid
- Elm Radio
elm-uiepisode miniBill/elm-ui-with-context- TailwindUI - a paid catalog of TailwindCSS templates and widgets/components
elm-ts-interoplanding page (built withelm-tailwind-modules)- html-to-elm.com
- elm-review rule for html-to-elm.com,
dillonkearns/elm-review-html-to-elm - Refactoring UI book
- React presentational components vs ???
- This blog post talks about the View Objects pattern in Object-Oriented Programming
- Elm Radio Incremental Steps episode
- FullStack Radio podcast
- A FullStack episode about the TailwindCSS philosophy
elm-css'sfromUnstyledandtoUnstyledare helpful for incremental adoption (start refactoring from the leaves)