Lunch talks #5: CSS! I want to give it all to you

Written in Design by Aitor Porro — January 07, 2019

Welcome to the fifth week @Codegram Lunch Talks™!!

This week I'm guiding my fellow coworkers into the most visual part of web development. Yes! You guessed it! CSS awesomeness incoming!

I'll try to change the vision of CSS as a fragile language that only stumbles around over the years and even some developers feel like it's an underrated skill.

CSS system is not only big name specifications as Flexbox, Grid or big updates on frameworks like SASS or LESS. It's a living language continuously morphing to match new component based frameworks; Angular, React, Vue, etc, can be used in elegant ways, that could affect performance, user experience or the way we will write code.

CSS and Performance- Harry Roberts  @Render Conf 2018 In this talk we'll see how websites could be faster or slowing depending on CSS, by Harry Roberts hands we'll dive into the unusual and obscure secrets of CSS to visualise the impact that styles can have in our apps performance. I'm using this video as a first of this series to try to catch the attention of those more backend developers and DevOps in our team, showing that CSS are not only fancy layouts.

The Road to Styled-Components: Styling Component Based Systems- Max Stoiber @ The WeAreDevelopers World Congress 2018 This second talk target is the front-end team currently working with Vue and Angular, and I think it's a hot topic on the front-end community. Should we use CSS in our Javascript, it' is the best way based on those component based frameworks? What even means "CSS in Javascript"? Max Stoiber shares with us some light about this new styling new paradigm and his experience developing styled-components.

CSS [Variable] Secrets- Lea Verou @ SmashConf Barcelona 2017 And last but not least we'll have the magnificent Lea Verou showing us what could be the future of CSS, even that couldn't be used at the time of the talk, right now I think I can say that it's safe to use. You may have heard about CSS Custom Properties, in this talk we'll discover why they're a mighty tool and way more powerful than static variables used nowadays. And with this refreshing talk, filled with catchy demos, I'm closing this series.

I hope everyone enjoyed those talks, and picked up a bit of your interest on CSS matters.

Bonus Stage!

Here I'll list of some other talks I found interesting over my research:

A Rube Goldberg MachineAda Rose Edwards  @ WeAreDevelopers Conference 2018 CSS Grid, Web Components, CSS Custom Properties and Web Animations are 4 new APIs for frontend Web Development.

Refactoring CSS Without Losing Your Mind-  Harry Roberts @ WeAreDevelopers Conference 2017 Working with CSS is tricky enough as it is; working with legacy CSS can be nightmarish.

The World & CSS- Hakon Wium Lie @ WeAreDevelopers Conference 2017 A funny talk reviewing CSS history: where the web came from, why CSS was invented, how the web is now truly world-wide, etc.