150: Secret Screencasting Tips & Behind the Scenes of Tailwind CSS 2.0

What It Covers

Adam Wathan shares advanced screencasting techniques for technical content creators, covering screen resolution settings, editing workflows, and behavioral habits. The episode also previews Tailwind CSS 2.0's breaking changes, new features, and file size optimization strategies.

Key Questions Answered

• •Screen Recording Setup: Record at 1280x720 Retina resolution (actually 2560x1440) in full screen mode using QuickTime. Enable "reduce motion" in accessibility settings to replace swipe animations with subtle fades between apps, creating smoother transitions for viewers without distracting movement.
• •Editing Efficiency Technique: Always repeat the last 2-3 words before starting a new sentence after pauses. This creates natural edit points by maintaining proper breath spacing and sentence flow. Record in small chunks, redoing individual sentences 10-100 times rather than complete takes.
• •Cursor Management Strategy: Disable flashing text cursor in editors and use solid cursor instead. Hit escape to hide mouse cursor in most applications. Never leave input fields focused with blinking cursors during explanations. These habits prevent awkward cursor jumps between edit points and simplify post-production.
• •Tailwind CSS 2.0 Changes: Drops IE11 support, reducing file size by eliminating duplicate hex color fallbacks. Default color palette shrinks from 10 to 7 colors (removing indigo, orange, teal). Development build reaches 4.95MB with dark mode enabled, requiring strategic feature cuts to maintain performance.