Original: https://codingcat.dev/podcast/2-18-making-the-web-easier-to-build-with-una-kavets
▶ Watch on YouTube & Subscribe to CodingCat.dev
**Making the Web Easier to Build **is a CodingCat.dev podcast episode featuring Una Kravets alongside Alex Patterson and Brittney Postma focused on CSS, Career, Builder.io. Una Kravets is a DevRel extraordinaire making CSS magic at Google. Watch the full video breakdown on YouTube or explore the architectural notes, chapters, and official documentation links below.
Questions
- Can you give us some background on how you got here?
- Transition DevRel lead at Google
- Job at Web platform for chrome and dev tools
- What is the connection between Chromium and Chrome Browser?
- We are going to have an entire episode on OpenUI, but could you give us a brief overview of it?
- What was the inspiration behind web.dev?
- What are your goals for the web.dev?
- How did you get started with the Toolsday Podcast?
- How closely do you work with other browser teams?
- What is Cascade Layers?
- Can you use !important?
- What is your favorite CSS trick?
- What is your favorite new CSS feature?
- What is one thing you can do to make your site better?
Alex Patterson
useHooks - https://usehooks-ts.com/
CSS Podcast - https://thecsspodcast.libsyn.com/
Technical Overview: Making the Web Easier to Build
2.18 - Making the Web Easier to Build with Una Kravets: Una Kravets is a DevRel extraordinaire making CSS magician at Google. https://codingcat.dev/podcast/2-18-making-the-web-easier-to-build-with-una-kavets Sponsors
https://Builder.io
Empower your entire team to visually create and optimize high-speed experiences on your sites and apps. Provide whole-
When applying the concepts from Making the Web Easier to Build in a production codebase, teams working with CSS, Career, Builder.io should align their implementation with the MDN CSS Reference (Modern layout, Grid, Flexbox, animations, and cascade layers). Structuring your workflow around repeatable patterns, automated verification, and clear separation of concerns helps prevent regressions as your application scales.
Key Engineering Takeaways
- **Core Topic Focus: **Practical strategies for CSS, Career, Builder.io covered in "Making the Web Easier to Build" (Una Kravets is a DevRel extraordinaire making CSS magic at Google.).
- **Production Implementation: **Combine the architectural patterns demonstrated in this podcast with the official MDN CSS Reference for type safety, performance, and long-term maintainability.
- **Hands-On Video Walkthrough: **Follow along with the live coding demos and discussion on YouTube (Making the Web Easier to Build) and subscribe to CodingCat.dev on YouTube for weekly deep dives.
Video Chapters & Timestamps
Jump directly to any segment of Making the Web Easier to Build on YouTube using the timestamped chapters below:
- 00:00: AM (EST)
- 00:00: Intro
- 00:00: Una Intro
- 00:00: lobotomized owl
- 00:00: Una's Background
- 00:00: Web Platform
- 00:00: Chrome Dev Tools
- 00:00: Adam Argyle shout out
- 00:00: Landing new features faster
- 00:00: Chrome vs Chromium
- 00:00: OpenUI
- 00:00: Web.dev Inspiration
- 00:00: Can you apply to write on Web.dev
- 00:00: Builder.io Sponsor
- 00:00: Speed Test and Core Web Vitals
- 00:00: Toolsday and CSS Podcast
- 00:00: Video series
- 00:00: Cross browser working group
- 00:00: Cascade Layers
- 00:00: BEM naming
Resources, Links & Official Documentation
- *Watch on YouTube: *Making the Web Easier to Build Full Video (plus Subscribe to CodingCat.dev)
- *builder.io: *https://Builder.io
- *Show Pick: *PageSpeed Insigths (picked by Brittney Postma)
- *Show Pick: *Hamilton Beach Blender (picked by Brittney Postma)
- *Show Pick: *Screenflow (picked by Una Kravets)
- Una Kravets Guest Profile & Episodes on CodingCat.dev
- Una Kravets on GitHub
- MDN CSS Reference: Modern layout, Grid, Flexbox, animations, and cascade layers
- roadmap.sh Developer Career Paths: Structured engineering skill trees, system design, and career progression
- Builder.io Developer Documentation: Visual headless CMS, SDKs, and design-to-code workflows
Related CodingCat.dev Tutorials & Podcast Episodes
- Open Props - an Open Source CSS Props Library: We sit down to learn more about Adam Argyle and his new project Open Props.
- Creating and Using Kendo UI: We have Alyssa Nicoll and Kathryn Grayson from Progress teach us all about KendoUI and how they maintain this frontend library.
- Creative Coding to Boost your Skills: Brittney sits down with Jhey Tompkins and talks about how to be creative while improving your skills.
Frequently Asked Questions (FAQ)
What are the main takeaways from Making the Web Easier to Build?
Una Kravets is a DevRel extraordinaire making CSS magic at Google. 2.18 - Making the Web Easier to Build with Una Kravets: Una Kravets is a DevRel extraordinaire making CSS magician at Google. https://codingcat.dev/podcast/2-18-making-the-web-easier-to-build-with-una-kavets Sponsors
https://Builder.io
Empower your entire team to visually create and optimize high-speed experiences on your sites and apps. Provide whole- Throughout this podcast, Una Kravets breaks down real-world implementation details for CSS, Career, Builder.io so developers can apply these patterns directly in production.
How do you implement CSS best practices in production?
When adopting CSS and Career in a production stack, start by validating your configuration against the MDN CSS Reference (Modern layout, Grid, Flexbox, animations, and cascade layers). Focus on incremental adoption, automated testing, and observability so your team can measure performance and developer velocity improvements at each stage.
Where can I watch the full Making the Web Easier to Build walkthrough and find related code resources?
You can watch the complete video session for Making the Web Easier to Build on the CodingCat.dev YouTube channel. For a deeper dive into CSS, check out our related guide: Open Props - an Open Source CSS Props Library.
Top comments (0)