Summary
Middleman is a static site generator using all the shortcuts and tools in modern web development. In this episode, we look at creating a static site using TailwindCSS and one of the TailwindUI templates. We also take an interesting approach to keep the development experience close to one that we would expect in a Rails application.ruby static site tailwind 27:48
Chapters
- Introduction (0:00)
- Creating a new project (1:16)
- Exploring what was created (2:08)
- Using a TailwindUI template (3:53)
- Installing TailwindCSS (4:20)
- Updating layout with the template (8:12)
- Updating the header partial (9:18)
- Creating other pages (11:52)
- Adding a title to each page (12:43)
- Updating the footer partial (12:58)
- Updating the index page (13:25)
- Running bundle update (13:55)
- Demo (14:09)
- Fixing the blog titles (14:44)
- Middleman Blogging nuances (15:17)
- Building the articles page (16:21)
- Building the articles view (16:43)
- Changing blog default settings (18:01)
- Creating article layout (19:10)
- Updating the article index (21:01)
- Using Live Reload (23:54)
- Including images (25:04)
- Final thoughts (26:06)
Pro Monthly
$
19
/mo
Access to Pro Episodes
Invite to Slack Channel
Priority Suggestions
Ad Free
Pro Annual
$
190
/yr
Access to Pro Episodes
Invite to Slack Channel
Priority Suggestions
Ad Free