Explore modern CSS development tooling and workflows in this 51-minute conference talk from CSS Day 2023. Learn to leverage cutting-edge tools for efficient CSS coding, including project scaffolding, code snippets, and powerful editor workflows. Discover techniques for CSS performance optimization and visual regression testing to confidently modify code. Gain insights into AI-powered tools, utility classes, and voice coding. Master editor tips and tricks, browser sync, and DevTools shortcuts. Dive into performance analysis with CSS coverage and Lighthouse. Implement visual testing strategies using Playwright for robust quality assurance in your CSS projects.
Overview
Syllabus
Introduction
Overview
CSS Snippets
Sublime Text Snippets
Text Snippets
AI
Utility Classes
AI Tools
Wiggle Animation
Chat GPT
CoPilot
Coding with your voice
Copilot Voice
Whisper
Summary
Editor Tips Tricks
Expand Region
Live Preview
Browser Sync
Ghost Text
Jump to Destination
Quick Summary
Dev Tools
Dev Tools Shortcuts
Performance Tools
CSS Coverage
Npx Lighthouse
Visual Testing
Playwright
visual testing tips
QA
Taught by
Web Conferences Amsterdam
