650: Layout in CSS, Balatro Q&A, Chrome Biz, & Forkin VS Code

What It Covers

CSS attr() function gains type support in Chrome, unlocking prop-like functionality for HTML attributes. Discussion covers AI code editors (Cursor, Windsurf, Trey), terminal preferences (Ghostty), and Chrome's potential forced sale by DOJ.

Key Questions Answered

• •CSS attr() with types: Chrome's new attr() function accepts type parameters (integer, color, etc.) instead of strings only, enabling HTML attributes to work like component props. Set data-columns="5" and use it directly in CSS calculations without JavaScript bridging layers or extensive CSS variant rules.
• •Windsurf AI capabilities: Codeium's Windsurf editor demonstrates superior debugging by analyzing entire codebases to solve nil pointer dereference errors in Go. It traces code usage patterns across files and provides accurate solutions, though processing takes longer than competitors like Cursor or Trey for complex problems.
• •Chrome sale complications: Forcing Google to sell Chrome faces major obstacles: no clear business model exists (Chrome generates zero direct revenue), potential buyers are limited due to multi-billion dollar valuation, and Mozilla depends on Google's search engine payments for survival, creating ecosystem disruption risks.
• •Raycast Focus advantage: Raycast's focus mode succeeds where standalone apps fail because users already invoke Raycast via Command+Space hundreds of times daily. Deep system access enables blocking social media sites and apps at network level without installing separate extensions or granting additional permissions to new software.
• •VS Code fork ecosystem: Multiple AI-focused VS Code forks (Cursor, Windsurf, Trey) compete by maintaining extension compatibility while adding differentiated AI features. Trey offers polished UI improvements and free access, Cursor provides proactive suggestions, while Windsurf excels at deep codebase analysis for complex debugging scenarios.