Craft Scalable, Custom-Made Interfaces with Tailwind CSS by Sam Selikoff
- Intro to Styling Custom UIs with Tailwind Utility Classes
- Scaffolding a Multi-Panel App Layout with Flexbox
- Making Panels Scrollable with Flexbox
- Customizing Tailwind’s Color Palette With Your Brand
- Adding Custom Fonts to Tailwind
- Building a Hoverable Server Selector With SVG
- Transitioning Rounded Corners using the JIT Compiler
- Conditionally Applying Classes Based on the Active URL
- Building the Active Server Indicator using Group and Transform Utilities
- Solving the Duplication Problem with Components
- Building the Server Header using Arbitrary Values from the JIT Compiler
- Styling the Channel List and Controlling Layout
- Identifying Repeated Patterns while Dynamically Generating the Channel List
- Styling the Active Channel Link with a New Dynamic URL Segment
- Using a State Variable to Add Unread States to the Channel Nav
- Building Collapsible Categories with Rotating Arrow Icons
- Building the Channel Header with Flexbox Shrink and Truncating Text
- Styling the Search Box Using the Forms Plugin
- Using Components to Dynamically Generate the Channel's Messages
- Dynamically Generating the Server and Channel Navs
- Using Responsive Design to Hide the Desktop Navigation