695: Happy Project Share Time (2025 Edition)

What It Covers

Dave Rupert and Chris Coyier share community-submitted web development projects including HTML courses, CSS shape generators, email markup standards, web component frameworks, and creative avatar makers during their annual project showcase episode.

Key Questions Answered

• •HTML Education Resource: Blake Watson's htmlforpeople.com provides foundational HTML training with Spanish translation available, addressing the persistent problem of developers misusing basic elements like divs. The course includes personal touches and covers publishing workflows for complete beginners.
• •CSS Shape Syntax: The new CSS shape syntax enables path-like drawing capabilities with percentage units, container queries, and custom properties, unlike the limited SVG path implementation. Ship-shape.win provides visual generators for stars, polygons, and complex shapes with maintainable variable-driven code.
• •Email HTML Limitations: Gmail blocks prefers-color-scheme media queries and CSS backgrounds while auto-converting emails to dark mode, creating unsolvable design conflicts. The Email Markup Consortium works toward standardizing HTML email support across clients, addressing sanitization and embedding challenges that prevent feature adoption.
• •Web Component Framework: Greenwood provides file-system-based routing for web components with server-side rendering, web test runner, and Storybook integration. The framework enables multi-page web component applications without custom build configurations, filling the gap between component libraries and complete website architectures.
• •Gaming Hardware Performance: Professional gaming requires 240-360 hertz monitors with DisplayPort connections versus HDMI's 60 hertz limitation. Response time differences of 100 milliseconds between hardware setups create measurable competitive disadvantages, though skill remains the primary factor for casual players under prosumer levels.