Frontend Coffee Break - Podcast

We discuss a bunch of new CSS features you should know in 2026. Not all of them are baseline available but we should be ready for when they are. Here are the new things we talk about:corner-shape: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/corner-shapeCustom Select: https://developer.mozilla.org/en-US/docs/Learn_web_development/Extensions/Forms/Customizable_selectScroll State: https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Conditional_rules/Container_scroll-state_queriesText Box: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/text-boxSibling Index: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/sibling-indexSibling Count: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/sibling-countif() functions: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/ifCustom Functions: https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Custom_functions_and_mixins/Using_custom_functionswidth, height: stretch https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/width#stretchshape function: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/basic-shape/shapeScroll Markers: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/::scroll-markerFollow us:- Chucho Castañeda https://x.com/honupo- Ricard Torres https://ricard.social/@dev

We discuss Interop 2025 and the upcoming 2026 edition that has opened the call to action for feature suggestions. Chucho and Ricard explain you how they used to hack browsers to get that cross-browser support with JavaScript polyfills and CSS conditional rules. These days are gone, we look forward to more browser interoperability. We have a small wishlist for 2026, what's yours?https://wpt.fyi/interop-2025Follow us:- Chucho Castañeda https://x.com/honupo- Ricard Torres https://ricard.social/@dev

We discuss how inexperienced developers are leveling up, how no-code solutions are taking over, and do you even need to know how to code anymore? Is vibe coding the new go-to for everything or just certain use cases? Follow us:- Chucho Castañeda https://x.com/honupo- Ricard Torres https://ricard.social/@dev

Long vacations, short vacations? How to take time off, how to plan your vacations? How do you unplug from coding in your time off? Or do you keep coding on personal projects while you're off work?Follow us:- Chucho Castañeda https://x.com/honupo- Ricard Torres https://ricard.social/@dev

The State of JS survey is open. We discuss React, Svelte, Vue, vanilla JS... We have opinions about it and we want to hear yours too.Follow us:- Chucho Castañeda https://x.com/honupo- Ricard Torres https://ricard.social/@dev

We've all been there, you're thrown into a very tight project schedule that might be impossible to deliver. What can we do in these situations?Follow us:- Chucho Castañeda https://x.com/honupo- Ricard Torres https://ricard.social/@dev

Frontend has gone from FTP to the frameworks war, to complicated pipelines with hundreds of node modules. Why did we do this? Is it getting better? Should we do something about it?Follow us:- Chucho Castañeda https://x.com/honupo- Ricard Torres https://ricard.social/@dev

Chucho and Ricard discuss how remote work has changed, where are they more productive now and invite you to share your take. What's your best work setup?Follow us:- Chucho Castañeda https://x.com/honupo- Ricard Torres https://ricard.social/@dev

We talk what lights a fire under us, what motivates us to continue working FE. Is it the stack? A new shiny framework? UI? UX? Have a listen and let us know what motivates you to code.Follow us:- Chucho Castañeda https://x.com/honupo- Ricard Torres https://ricard.social/@dev

We discuss how AI is making FE developers obsolete (maybe!). Are we going to disappear? What can we do to ensure we continue to exist? How to embrace AI to be more productive?Follow us:- Chucho Castañeda https://x.com/honupo- Ricard Torres https://ricard.social/@dev

This is an angular-free podcast but we do talk web components. Chucho and Ricard discuss Storybook, what to consider when thinking about using it. Are Figma tokens the future? Sources of truth are nice but are they worth it?What's your experience with these tools?Follow us:- Chucho Castañeda https://x.com/honupo- Ricard Torres https://ricard.social/@dev

We discuss how AI has changed the way we do interviews. Remote only, plus access to AI chats has forced the industry to work differently. How should we conduct interviews? What should we ask? What should we look for in candidates?Follow us:- Chucho Castañeda https://x.com/honupo- Ricard Torres https://ricard.social/@dev

Ricard today complains about sites not being mobile-first and Chucho drops a history lesson. What is mobile first? Why are we still talking about this? How can we deliver better experiences?Follow us:- Chucho Castañeda https://x.com/honupo- Ricard Torres https://ricard.social/@dev

We discuss the European Accessibility Act (EAA) that might affect your website, how to check, and deal with common issues. How hard is it to follow the Web Content Accessibility Guidelines (WCAG) 2.1 Level AA? We give you an insight and share our experience.What's your experience with accessibility?Follow us:- Chucho Castañeda https://x.com/honupo- Ricard Torres https://ricard.social/@dev

We chat about things that can be stressful as a FE developer, we suggest things that work for us on how to deal and mitigate it (for you and you team).Share your tips and tricks with us!Follow us:- Chucho Castañeda https://x.com/honupo- Ricard Torres https://ricard.social/@dev

We share what we loved most about the 2024 CSS Wrapped as well as other CSS changes we've witnessed over the years that changed our way of working (yes, we will talk about border-radius).What where CSS changes that blew your mind?https://chrome.dev/css-wrapped-2024/Follow us:- Chucho Castañeda https://x.com/honupo- Ricard Torres https://ricard.social/@dev

We discuss how we work with guidelines, standards and best practices at Cognizant Netcentric. Including our very own ESLint and Stylelint open source configurations.Do you follow any guidelines when coding FE?Follow us:- Chucho Castañeda https://x.com/honupo- Ricard Torres https://ricard.social/@dev

We discuss the moral of working for certain industries, how can we be more green (spoiler: it's web performance) as developers, as well as open source.Follow us:- Chucho Castañeda https://twitter.com/honupo- Ricard Torres https://ricard.social/@dev

Chucho and Ricard have been coding for more than 18 years. These old time developers will share some of their hard learned lessons on being a developer and/or a FE Lead.Share your sips of wisdom with us.Follow us:- Chucho Castañeda https://twitter.com/honupo- Ricard Torres https://ricard.social/@dev

Why is it important to be on the loop for the latest and greatest FE technologies out there? The latest JavaScript framework? What's possible with the latest CSS? Performance and SEO... There's just so much. We share our tips and tricks to stay fresh and relevant.Follow us:- Chucho Castañeda https://twitter.com/honupo- Ricard Torres https://ricard.social/@dev

We explain the differences, share examples and give you plenty resources to get you started. Chucho can't stress enough that you should read these at least once!patterns.devGang Of Four GOF Design Patterns Design Patternsdeceptive.designFollow us:- Chucho Castañeda https://twitter.com/honupo- Ricard Torres https://ricard.social/@dev

We talk about web development conferences, going in-person or attending online. Are they worth it? What's the benefit? Couldn't you just watch a recording?What's the most interesting conference you've ever attended? If you haven't yet, any conferences you'd like to go to?Follow us:- Chucho Castañeda https://twitter.com/honupo- Ricard Torres https://ricard.social/@dev

We chat what is code quality, what are code smells, tips and tricks to make your code readable and maintainable.What are your tips?Code quality metrics: https://www.sealights.io/code-quality/code-quality-metrics-is-your-code-any-good/Follow us:- Chucho Castañeda https://twitter.com/honupo- Ricard Torres https://ricard.social/@dev

We discuss different ways to do knowledge sharing in your team or company. The challenges we've faced and what has worked for us.Find out about our Netcentric Academy https://www.netcentric.biz/jobsFollow us:- Chucho Castañeda https://twitter.com/honupo- Ricard Torres https://ricard.social/@dev

Did you know we have both this and a different internal FE podcast? The internal podcast started first and gave us the idea to start one on YouTube. Tune in to know how it all began and what we learned along the way.Follow us:- Chucho Castañeda https://twitter.com/honupo- Ricard Torres https://ricard.social/@dev

What is Accessibility? What's your experience with Web Accessibility? What does it mean a website is accessible? Keyboard navigation? Labels? These and more in today's episode.https://accessibility.day/https://www.w3.org/WAI/https://dynomapper.com/blog/27-accessibility-testing/273-wcag-the-web-content-accessibility-guidelines-explainedFollow us:- Chucho Castañeda https://twitter.com/honupo- Ricard Torres https://ricard.social/@dev

What's your take on Web Components? What are the best use cases? Should you use them for regular AEM projects? What's the best thing about Web Components?Check out a performance comparison of different frameworks and techniques to create Web Components: https://webcomponents.dev/blog/all-the-ways-to-make-a-web-component/Follow us:- Chucho Castañeda https://twitter.com/honupo- Ricard Torres https://ricard.social/@dev

SPA? MPA? Are these still relevant in 2024? When would you use an SPA vs a regular MPA? Have you heard about the new View Transitions API?Follow us:- Chucho Castañeda https://twitter.com/honupo- Ricard Torres https://ricard.social/@dev

FE Manager, FE Lead... there are many names for what we think might be the same thing. We discuss what a FE Lead is accountable for. What to expect from a FE Lead? Types of leaderships. Join the conversation and tell us what's the your ideal type of FE Lead.Follow us:- Chucho Castañeda https://twitter.com/honupo- Ricard Torres https://ricard.social/@dev

We discuss UI, UX, design and the role of the frontend developer. Reading recommendationsLinkshttps://www.nngroup.com/articles/https://www.nngroup.com/articles/usability-101-introduction-to-usability/Books by Donald NormanThe design of Everyday ThingsEmotional DesignBooks by Jakob NielsenUsability EngineeringDesigning Web UsabilityEyetracking Web UsabilityBooks by Steve KrugDon't make me thinkRocket Surgery Made EasyBooks by Robin Williams (not the actor or singer)The Non-Designer's Design BookBooks by Jason BeairdThe Principals of Beautiful Web DesignFollow us:- Chucho Castañeda https://twitter.com/honupo- Ricard Torres https://ricard.social/@dev

Today we're joined by Dragan Filipovic, Senior Front-end Software Engineer at Cognizant Netcentric. We talk how he spearheaded the initiative to open source our FE Build.A Frontend build system that can be used in both AEM and non-AEM projects.Try it out here:https://github.com/Netcentric/fe-buildFollow us:- Chucho Castañeda https://twitter.com/honupo- Ricard Torres https://ricard.social/@dev

When creating web components for content editors, do you give them all the options? or take decisions that will work best for development and maintenance?We discuss headless vs server-side rendering as well. Ricard loves JSON files. Chucho? Maybe not.Follow us:- Chucho Castañeda https://twitter.com/honupo- Ricard Torres https://ricard.social/@dev

What is the Impostor Syndrome? How to fight it? Why is it more common than we think in Frontend development? We discuss this and offer some tips that have worked for us!Follow us:- Chucho Castañeda https://twitter.com/honupo- Ricard Torres https://ricard.social/@dev

We talk about GitHub Copilot, ChatGPT, phind, and Bard. We share how we use it for coding. How about you?Follow us:- Chucho Castañeda https://twitter.com/honupo- Ricard Torres https://ricard.social/@dev

How can you find time for your career development? ⏱️ Here’s our take on it: In the latest episode of the hit Frontend Coffee Break podcast, we discuss the strategies that frontend leads and managers employ to make room for growth amidst their daily responsibilities.Follow us:- Chucho Castañeda https://twitter.com/honupo- Ricard Torres https://ricard.social/@dev

Is the mobile-first mindset still relevant in the world of development? 🧐 Here’s the deal:Today we discuss the best practices and approaches for developing websites and apps for mobile devices.Chucho mentions Ricard's library for Two Way Data Binding, here it is: https://github.com/quicoto/two-way-data-binding Follow us:- Chucho Castañeda https://twitter.com/honupo- Ricard Torres https://ricard.social/@dev

What benefits frontend developers the most: working on long-term projects, or switching every six months? 🤝We discuss the FOMO (Fear Of Missing Out) on new technologies in the changing world of frontend development.Follow us:- Chucho Castañeda https://twitter.com/honupo- Ricard Torres https://ricard.social/@dev

Looking for a better way to optimize and improve your project’s web performance? 🚀 We’ve got you covered:Today Chucho and Ricard are joined by Ines Akrap, Senior Web Performance Engineer, for insights into Core Web Vitals in 2023.Follow us:- Chucho Castañeda https://twitter.com/honupo- Ricard Torres https://ricard.social/@devAdditional resources:🔗 https://github.com/Netcentric/progux

Are you a web developer or designer passionate about creating visually stunning, high-performance websites? 🤩We review the optimal ways how to upload images in 2023.Follow us:- Chucho Castañeda https://twitter.com/honupo- Ricard Torres https://ricard.social/@devAdditional resources:- https://web.dev/learn/images- https://squoosh.app

Today we react! It's not necessary but it would give you more context if you watched first Rich Harris' video before listening to the episode. If not, that's ok too, we'll try to give you as much context as possible.Rich Harris' video: https://www.youtube.com/watch?v=uXCipjbcQfMFollow us:- Chucho Castañeda https://twitter.com/honupo- Ricard Torres https://ricard.social/@dev

There is one question on the minds of web developers and tech enthusiasts everywhere: How 𝘵𝘳𝘶𝘭𝘺 relevant is progressive enhancement and graceful degradation in 2023?In the latest episode of the Frontend Coffee Break podcast, we spill the tea on whether these approaches are still worth it, as well as the best techniques to get the most out of them according to the device you’re using.Follow us:- Chucho Castañeda https://twitter.com/honupo- Ricard Torres https://ricard.social/@dev

We talk about what we look for on a website when it comes to web performance. What are the basic things we first check? What tools do we use?FE developers even if not web performance experts need to be able to identify issues and how to solve them.At Cognizant Netcentric we've written some articles about web performance, have a look:https://www.netcentric.biz/insights/2019/01/web-font-performancehttps://www.netcentric.biz/insights/2021/08/css-loading-strategies-1https://www.netcentric.biz/insights/2021/09/css-loading-strategies-2Follow us:- Chucho Castañeda https://twitter.com/honupo- Ricard Torres https://ricard.social/@dev

Time to get real: Should you 𝘳𝘦𝘢𝘭𝘭𝘺 document your code?We’re breaking it down in the latest episode of the Frontend Coffee Break podcast. Our resident experts, Jesús and Ricard, weigh in on whether you should document your code, how often this should be done, and why every developer should use JSDoc on a daily basis. What's your take on this topic? Any recommendations we might’ve missed?Follow us:- Chucho Castañeda https://twitter.com/honupo- Ricard Torres https://ricard.social/@dev

Take a moment to consider your current JavaScript debugging process. Thankfully, we're dropping some hot tips to make things run smoothly.In the latest episode of the hit Frontend Coffee Break podcast, Ricard and Chucho delve into the most effective ways to debug JavaScript in 2023, which’ll save every developer loads of time and frustration.What’s your preferred way to debug JavaScript? Any tips or recommendations we might’ve missed? 🐛Follow us:- Chucho Castañeda https://twitter.com/honupo- Ricard Torres https://ricard.social/@dev

How do you know what to learn next? What's the required skills to move to the next level of your career? Do the skills in job offers reflect what you do on your day to day?Today we discuss that and how we've implemented for FE at Cognizant Netcentric.Here some roadmaps to get inspired:https://frontendmasters.com/guides/learning-roadmap/https://roadmap.sh/frontendWhat do you recommend?Follow us:- Chucho Castañeda https://twitter.com/honupo- Ricard Torres https://ricard.social/@dev

Ricard loves unit testing! Chucho will challenge it, is it worth it? A waste of time? Who's going to win today's fight? Do you write unit tests in your projects?Follow us:- Chucho Castañeda https://twitter.com/honupo- Ricard Torres https://ricard.social/@dev

We've been interviewing for a very long time, now that we only do remote interviews we share our tips, do's, best stories and some horrors too.Share with us what was your best interview, or any tips you can give the rest of the listeners.Follow us:- Chucho Castañeda https://twitter.com/honupo- Ricard Torres https://ricard.social/@dev

We love to build side projects, to learn something new, have fun, or just solve a problem.Today we discuss what these are and some tips, as well as ideas.Question for you: do you usually do side projects? Share the latest you've done!Follow us:- Chucho Castañeda https://twitter.com/honupo- Ricard Torres https://ricard.social/@dev

We give you our take on why we think knowledge sharing is important and some of the ways we do it at Cognizant Netcentric.What's your experience with public speaking?Follow us:- Chucho Castañeda https://twitter.com/honupo- Ricard Torres https://ricard.social/@dev

CSS has come so far, we share what we used to do, what we do in JS and what can we do in CSS. What are you most looking for in CSS for 2023? Is there any change that has surprised you this year?Learn more:https://smolcss.dev/https://www.udemy.com/course/css-grid-mastering/https://flexboxfroggy.com/https://cssgridgarden.com/Follow us:- Chucho Castañeda https://twitter.com/honupo- Ricard Torres https://ricard.social/@dev