Tune in to the tools and techniques in the Elm ecosystem.
027: elm-tailwind-modules
March 29, 2021
1:19:39
76.5 MB
Downloads: 0
- Our guest: Philipp Krüger, aka
matheus23
(github) (twitter) matheus23/elm-tailwind-modules
elm-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-tailwind
paved 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-origami
matheus23/elm-default-tailwind-modules
is the best way to start (it's the generatedelm-tailwind-modules
code for the default TailwindCSS configuration)elm-tailwind-modules
currently requires you to order your breakpoints from high to low (see docs)tesk9/accessible-html
github.com/dillonkearns/elm-pages-starter
elm-pages-tailwind-starter
- CSS grid
- Elm Radio
elm-ui
episode miniBill/elm-ui-with-context
- TailwindUI - a paid catalog of TailwindCSS templates and widgets/components
elm-ts-interop
landing 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
'sfromUnstyled
andtoUnstyled
are helpful for incremental adoption (start refactoring from the leaves)