Thankful for the Modern Web (and a CSS Course!)

Just a Spec

Thanksgiving’s coming up here in the U.S. and we thought it’d be fun to talk about of our favorite aspects of the modern web (and how it compares to the “dark days” of old). In addition, Jared’s launched a brand-new course platform over at The Spicy Web with the first offering being a deep-dive into crafting vanilla CSS architectures and formulating design systems. We talk about that and a bunch of the technical details of the underlying DIY platform. Enjoy this special edition of Just a Spec!
Hosted by Jared White & Ayush
Links & Show Notes

Follow Just a Spec on Mastodon
Ayush’s thankful for:

• Modern web hosting like Render.com
• The fetch and pushState APIs
• CSS Flexbox & Grid
• A brief history of web layout
  • Old-school framesets/frames — they still work! 🤯

Jared’s thankful for:

• Mobile touchscreens, HTML5 (bye Flash!), and Responsive/Intrinsic Design
• CSS3 (rounded corners! gradients! shadows! animations!)

Introducing CSS Nouveau: a vanilla CSS architecture course Jared has published on The Spicy Web

• Technical details:
  • Built with Bridgetown & Roda
  • Turbo Streams with custom actions
  • Heartml fullstack web components (library coming soon!)
  • Shoelace & Open Props
  • Media Chrome audio player
  • RhinoEditor (covered on That HTML Blog)
  • Playground Elements

Chapters

1. Introduction (00:00:00)

2. What we're thankful for as web developers in 2023 (00:01:37)

3. Ayush #1: Modern Web Hosting (00:02:37)

4. Ayush #2: fetch and pushState (00:08:51)

5. Ayush #3: CSS Flexbox and Grid (00:11:23)

6. A brief history of web layout (00:13:04)

7. Jared #1: Mobile Touchscreens (00:17:33)

8. Jared #2: "CSS3" and beyond (00:23:39)

9. CSS Nouveau: it's finally here! 🎉 (00:28:51)

10. Developing the courseware platform from scratch (00:32:10)

11. Great to have educational resources around CSS architecture (00:46:13)

12. Vanilla CSS: it looks great, AND it works! (00:50:07)