User Experience on mobile might not be great yet, but I'm working on it.

Your first time on this page? Allow me to give some explanations.

Awesome Must-Watch Talks

A useful list of must-watch talks about CSS

Here you can see meta information about this topic like the time we last updated this page, the original creator of the awesome list and a link to the original GitHub repository.

Last Update: Oct. 22, 2021, 6:08 p.m.
Thank you AllThingsSmitty & contributors
View Topic on GitHub:
AllThingsSmitty/must-watch-css

Search for resources by name or description.
Simply type in what you are looking for and the results will be filtered on the fly.

Further filter the resources on this page by type (repository/other resource), number of stars on GitHub and time of last commit in months.

2020

**10 Modern Layouts in 1 Line of CSS**

https://www.youtube.com/watch?v=qm0IfG1GyZU

2019

**Build a Classic Layout FAST in CSS Grid**

https://www.youtube.com/watch?v=KOvGeFUHAC0

**CSS Animation - Beyond Transitions**

https://www.youtube.com/watch?v=TYlA-eolzLs

**Using Devtools to Understand Modern CSS Layouts**

https://www.youtube.com/watch?v=ZRtzk0371tk

**Hello Subgrid!**

https://www.youtube.com/watch?v=vxOj7CaWiPU

2018

**Resilient CSS: How to Write CSS That Works in Every Browser, Even the Old Ones**

https://hacks.mozilla.org/2018/03/how-to-wri…

**Creative Text Effects with CSS**

https://www.youtube.com/watch?v=9EU7urOl1LE

**Learn CSS Grid**

https://www.youtube.com/watch?v=DCZdCKjnBCs&…

2017

**CSS Grid Layout**

https://www.youtube.com/watch?v=N5Lt1SLqBmQ&…

**The Power of CSS**

https://www.youtube.com/watch?v=IRI1H5tyEAo&…

**CSS and the First Meaningful Paint**

https://www.youtube.com/watch?v=4pQ2byAoIX0&…

**CSS Grid in Production**

https://www.youtube.com/watch?v=_BCiiE31D5M&…

2016

**CSS in 2016 and Beyond**

https://www.youtube.com/watch?v=9AG35HCBpo4&…

**CSS Variables: var(--subtitle)**

https://www.youtube.com/watch?v=2an6-WVPuJU&…

**Laying out the Future with Grid and Flexbox**

https://www.youtube.com/watch?v=ibeF6rbzD70&…

**Reactive Animations with CSS Variables**

https://www.youtube.com/watch?v=lTCukb6Zn3g&…

**Practical Blend Modes in CSS**

https://vimeo.com/184235576

**Real Art Direction on the Web**

https://www.youtube.com/watch?v=5Z7lSSMwRgo&…

**You Might Not Need a CSS Framework**

https://www.youtube.com/watch?v=5FdHqVDlXu0&…

**The Dark Side of Polyfilling CSS**

https://www.youtube.com/watch?v=ZskP7cvj3WA&…

2015

mdo-ular CSS

http://jqueryuk.com/2015/videos.php?s=mdo-ul…

**PostCSS: The Future After Sass and LESS**

https://www.youtube.com/watch?v=1yUFTrAxTzg&…

**Your Very Own Component Library**

https://www.youtube.com/watch?v=zSYo7m5kGHQ&…

**Let's Move**

https://www.youtube.com/watch?v=J6wUmQDQBkw&…

Motion design with CSS (Val Head)

movie_camera: video).

https://www.youtube.com/watch?v=TjsXqt-UxLo&…

**Cascading Shit Show**

https://www.youtube.com/watch?v=iniwPUEbPUM&…

**Inline Styles Are About to Kill CSS**

https://www.youtube.com/watch?v=NoaxsCi13yQ&…

**Let's Talk About Our CSS**

https://www.youtube.com/watch?v=NHpSmJrEvRQ&…

**CSS for Software Engineers for CSS Developers**

https://vimeo.com/140641366

**Photoshop Is Dead!: Editing Images in CSS**

https://www.youtube.com/watch?v=LY65F2e4B5w&…

**Enhancing Responsiveness With Flexbox**

https://www.youtube.com/watch?v=_98SE8WUvLk&…

**Move Slow and Fix Things**

https://www.youtube.com/watch?v=zmjfh099zYg&…

2014

**What Is a CSS Framework Anyway?**

https://vimeo.com/95734680

**CSS Is a Mess**

https://vimeo.com/99877232

**10 Commandments for Efficient CSS Architecture**

https://www.youtube.com/watch?v=FYcu-wWrNqo&…

**Slaying the Dragon: How to Refactor CSS for Maintainability**

https://vimeo.com/100501790

**CSS in Your Pocket - Mobile CSS Tips from the Trenches**

https://www.youtube.com/watch?v=vBHt61yDO9U&…

Styling and Animating Scalable Vector Graphics with CSS (Sara Soueidan)

movie_camera: video).

https://www.youtube.com/watch?v=lf7L8X6ZBu8&…

**Play Nice With CSS Tools and Methodologies**

https://www.youtube.com/watch?v=-bZSTMLqf8Q&…

**Build Scalable, Automated CSS**

https://www.youtube.com/watch?v=Tk_0qYEFtAY&…

**CSS and the Critical Path**

https://www.youtube.com/watch?v=_0Fk85to6hA&…

**All the Right Moves: How to Put Your UI in Motion**

http://new.livestream.com/accounts/6779986/e…

**Present and Future of CSS Layout**

https://vimeo.com/98746172

**Thinking Beyond "Scalable CSS"**

https://www.youtube.com/watch?v=L8w3v9m6G04&…

**Web Components & the Future of CSS**

https://www.youtube.com/watch?v=QHxrr6Q82yI&…

**CSS Performance Tooling**

https://www.youtube.com/watch?v=FEs2jgZBaQA&…

**3.14 Things I Didn’t Know About CSS**

https://vimeo.com/100264064

**Effortless Style**

http://vimeo.com/101718785

2013

**When Bootstrap Attacks**

https://www.youtube.com/watch?v=xbpnqbM6cRk&…

**CSS in the 4th Dimension**

https://www.youtube.com/watch?v=NTJUFQmHbvc&…

**Automated CSS Testing**

https://www.youtube.com/watch?v=2PU6JX4S7zI&…

**CSSConf EU Keynote**

https://www.youtube.com/watch?v=ue-Z_HxS3cc&…

**CSS Application Architecture**

https://vimeo.com/74359951

**Realigning & Refactoring UI**

https://www.youtube.com/watch?v=I82ytAWxzrI&…

**Normalizing Designs for Better Quality CSS**

https://www.youtube.com/watch?v=ldx4ZFxMEeo&…

**Automating the Removal of Unused CSS**

https://www.youtube.com/watch?v=833xr1MyE30&…

**The Humble Border-Radius**

https://www.youtube.com/watch?v=2iFw2GCOPj0&…

**Sass and OOCSS Sitting in a Tree K-I-S-S-I-N-G**

https://vimeo.com/66039168

**Architecting Scalable CSS**

https://vimeo.com/70041549

**More CSS Secrets: Another 10 Things You May Not Know about CSS**

https://www.youtube.com/watch?v=3ikye7Qc7Ak&…

2012

**Open Source Tools and Libraries for Designers**

https://www.youtube.com/watch?v=hFdbE6T9QGc&…

**GitHub's CSS Performance**

https://vimeo.com/54990931

2010

**Handcrafted CSS**

https://vimeo.com/17091905

**The Top 5 Mistakes of Massive CSS**

https://www.youtube.com/watch?v=j6sAm7CLoCQ