Tiny CSS Projects

JS Party: JavaScript, CSS, Web Development

Nick & Amelia welcome the co-authors of Tiny CSS Projects to discuss their awesome new (and still in-progress) Manning book all about CSS!

Use code podjsparty20 when checking out to save 40% (good for all products in all formats!) and join the JS Party community chat for a chance to win a free ebook copy!

Join the discussion

Changelog++ members save 5 minutes on this episode because they made the ads disappear. Join today!

Sponsors:

• Square – Develop on the platform that sellers trust. There is a massive opportunity for developers to support Square sellers by building apps for today’s business needs. Learn more at changelog.com/square to dive into the docs, APIs, SDKs and to create your Square Developer account — tell them Changelog sent you.
• Sentry – Working code means happy customers. That’s exactly why teams choose Sentry. From error tracking to performance monitoring, Sentry helps teams see what actually matters, resolve problems quicker, and learn continuously about their applications - from the frontend to the backend. Use the code CHANGELOG and get the team plan free for three months.
• Fly.io – Deploy your apps and databases close to your users. In minutes you can run your Ruby, Go, Node, Deno, Python, or Elixir app (and databases!) all over the world. No ops required. Learn more at fly.io/changelog and check out the speedrun in their docs.

Featuring:

• Martine Dowden – Website, GitHub, X
• Michael Gearon –
• Nick Nisi – Website, GitHub, Mastodon, X
• Amelia Wattenberger – Website, GitHub, X

Show Notes:

• Tiny CSS Projects (use code podjsparty20 to save 40%!)
• Join the JS Party community to win a free ebook!

Something missing or broken? PRs welcome!

Chương

1. Opener (00:00:00)

2. Sponsor: Square (00:00:38)

https://changelog.com/square

3. Intro (00:01:32)

4. A hoy hoy! (00:02:21)

5. Introducing Martine (00:02:46)

6. Introducing Michael (00:03:16)

7. Introducing their book (00:03:43)

8. Whos is this book for? (00:05:33)

9. Amelia's D3 book struggles (00:07:56)

10. Why the book is evergreen (00:08:26)

11. No CSS-in-JS content here (00:09:04)

12. Importance of strong foundations (00:09:57)

13. Different CSS layouts (00:12:24)

14. The relief of not supporting IE (00:14:45)

15. Sponsor: Sentry (00:17:00)

https://sentry.io/demo/sandbox/

16. On CSS Grid (00:17:53)

17. Choosing examples & graphics (00:19:53)

18. Keeping a book's code updated (00:23:38)

19. Logistical problems of co-authoring (00:24:50)

20. CSS grid-template-areas (00:25:41)

21. Variable naming in this day and age (00:27:49)

22. grid-template-area + media queries (00:28:41)

23. Making sure your grid flow works (00:30:32)

24. Sponsor: Fly.io (00:31:23)

https://fly.io/changelog

25. Creating a profile card (00:33:41)

26. Using & abusing flexbox (00:34:54)

27. Aligning items in CSS (00:36:07)

28. The power of custom properties (00:37:42)

29. Fun ideas you can pick out (00:39:02)

30. Wisdom gained while writing (00:40:16)

31. Concepts not included in the book (00:41:22)

32. What they wish they knew when learning CSS (00:43:20)

33. Acquiring knowledge with a purpose (00:44:46)

34. Early access and presale (00:46:42)

35. Martine on CSS-in-JS (00:48:50)

36. CSS is not going anywhere (00:49:51)

37. We'll catch ya next time! (00:50:38)

38. Outro (00:51:37)