Elm Radio

027: elm-tailwind-modules

Listen Later
  • 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 for elm/html)
  • CSS in JS
  • miyamoen/elm-origami
  • matheus23/elm-default-tailwind-modules is the best way to start (it's the generated elm-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 with elm-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's fromUnstyled and toUnstyled are helpful for incremental adoption (start refactoring from the leaves)
...more
View all episodesView all episodes
Download on the App Store
Elm RadioBy Dillon Kearns, Jeroen Engels
  • 5
  • 5
  • 5
  • 5
  • 5

5

16 ratings