I know too many backend developers who are stifled by one glaring phobia: CSS. How do you construct a layout when nothing lines up? Every browser renders your code differently. Floats constantly break. Nothing works! If you agree, your thinking might be a bit out of date. You'll be happy to hear that the ecosystem is vastly better than fifteen years ago. This series is specifically for backend developers who understand the basics, but need a fast primer on modern CSS that they'll actually use in their day-to-day workflow.
Overview
Syllabus
- Piece By Piece - Structure, Resets, and Flexbox
- Flex Your Grids
- Workshop - Card Design
- Refactoring to Utility Classes and Tailwind
- Easy Flexbox Wins
- Workshop - FAQs
- Pricing Selection Design
- Tailwind Customization
- Call to Action Banner Design
- Mobile-First Design
- Mobile-First Layouts
- Piece By Piece Mobile Tweaking
- Better Sizing and Spacing With rems
- Reverse the Order
- Make It Sticky
- Wield Complete Control Over the Order
- Modals with Zero JavaScript
Taught by
Jeffrey Way
