{"id":135,"url":"https://github.com/AllThingsSmitty/must-watch-css","last_synced_at":"2025-08-13T23:31:24.642Z","repository":{"id":18624870,"uuid":"21830743","full_name":"AllThingsSmitty/must-watch-css","owner":"AllThingsSmitty","description":"🔥 CSS talks you have to see ⚡️ covering CSS Grid, flexbox, custom variables, performance, frameworks, Sass, tools, and more! 🚀","archived":false,"fork":false,"pushed_at":"2024-09-02T14:29:26.000Z","size":148,"stargazers_count":4731,"open_issues_count":1,"forks_count":247,"subscribers_count":327,"default_branch":"master","last_synced_at":"2024-10-30T01:36:28.416Z","etag":null,"topics":["awesome","awesome-list","conference-talk","conference-videos","css","css-flexbox","css-framework","css-grid","css-performance","css-variables","css3","cssconf","custom-variables","jsconf","learning-resources","performance","talks","video"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"cc0-1.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/AllThingsSmitty.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE-OF-CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2014-07-14T18:32:28.000Z","updated_at":"2024-10-26T15:58:17.000Z","dependencies_parsed_at":"2024-01-12T02:43:41.759Z","dependency_job_id":"4edb60c6-162c-4ea9-93f1-68a3453bb39f","html_url":"https://github.com/AllThingsSmitty/must-watch-css","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AllThingsSmitty%2Fmust-watch-css","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AllThingsSmitty%2Fmust-watch-css/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AllThingsSmitty%2Fmust-watch-css/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AllThingsSmitty%2Fmust-watch-css/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AllThingsSmitty","download_url":"https://codeload.github.com/AllThingsSmitty/must-watch-css/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":229469565,"owners_count":18077864,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["awesome","awesome-list","conference-talk","conference-videos","css","css-flexbox","css-framework","css-grid","css-performance","css-variables","css3","cssconf","custom-variables","jsconf","learning-resources","performance","talks","video"],"created_at":"2024-01-05T20:12:47.314Z","updated_at":"2025-08-13T23:31:24.636Z","avatar_url":"https://github.com/AllThingsSmitty.png","language":null,"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg src=\"./assets/img/tv.svg\" width=\"200\" alt=\"TV icon with play button\"\u003e\n\u003c/p\u003e\n\n# Must-Watch CSS [![Awesome](https://awesome.re/badge-flat.svg)](https://awesome.re)\n\nThis is a collection of well-received talks about CSS covering topics such as CSS Grid, flexbox, custom variables, performance, frameworks, Sass, tooling, and more.\n\n\u003e [!TIP]\n\u003e **Like JavaScript? Check out [Must-Watch JavaScript](https://github.com/AllThingsSmitty/must-watch-javascript)!** For other great lists check out [@sindresorhus](https://github.com/sindresorhus/)'s curated list of [awesome lists](https://github.com/sindresorhus/awesome/).\n\n- [Contribution Guidelines](CONTRIBUTING.md)\n\n### 2024\n\n1. [**The \"Other\" C in CSS**](https://www.youtube.com/watch?v=ob_M_qXeDVE): Sara Soueidan, CSS Day 2024 `55:55`\n\n### 2022\n\n1. [**CSS Variable Secrets**](https://www.youtube.com/watch?v=ZuZizqDF4q8): Lea Verou, CSS Day `59:06`\n1. [**Oh Snap!**](https://www.youtube.com/watch?v=34zcWFLCDIc): Adam Argyle, CSS Day `49:46`\n\n### 2020\n\n1. [**10 Modern Layouts in 1 Line of CSS**](https://www.youtube.com/watch?v=qm0IfG1GyZU): Una Kravets, (Google Chrome Developers YouTube Channel) `21:38`\n\n### 2019\n\n1. [**CSS Algorithms**](https://www.youtube.com/watch?v=dxY5CdZNzsk): Lara Schenck, Strange Loop Conference `36:18`\n1. [**Build a Classic Layout FAST in CSS Grid**](https://www.youtube.com/watch?v=KOvGeFUHAC0): Miriam Suzanne, (Mozilla Developer YouTube Channel) `8:29`\n1. [**CSS Animation - Beyond Transitions**](https://www.youtube.com/watch?v=TYlA-eolzLs): Steven Roberts, CSSConf Budapest `28:01`\n1. [**Using Devtools to Understand Modern CSS Layouts**](https://www.youtube.com/watch?v=ZRtzk0371tk): Chen Hui Jing, CSSConf EU `32:39`\n1. [**Hello Subgrid!**](https://www.youtube.com/watch?v=vxOj7CaWiPU): Rachel Andrew, CSSConf EU `32:56`\n\n### 2018\n\n1. [**Resilient CSS: How to Write CSS That Works in Every Browser, Even the Old Ones**](https://hacks.mozilla.org/2018/03/how-to-write-css-that-works-in-every-browser-even-the-old-ones/): Jen Simmons (Layout Land playlist) `55:04`\n1. [**Creative Text Effects with CSS**](https://www.youtube.com/watch?v=9EU7urOl1LE): Mandy Michael, Talk.CSS `40:46`\n1. [**Learn CSS Grid**](https://www.youtube.com/watch?v=DCZdCKjnBCs\u0026list=PLUS3uVC08ZaqVEGFkl_dS_3FUzILkOIzA): Wes Bos, Laracon `44:59`\n\n### 2017\n\n1. [**CSS Grid Layout**](https://www.youtube.com/watch?v=N5Lt1SLqBmQ\u0026list=PLUS3uVC08ZaqVEGFkl_dS_3FUzILkOIzA): Rachel Andrew, Frontend NE `59:14`\n1. [**The Power of CSS**](https://www.youtube.com/watch?v=IRI1H5tyEAo\u0026list=PLUS3uVC08ZaqVEGFkl_dS_3FUzILkOIzA): Una Kravets, Front-Trends `30:57`\n1. [**CSS and the First Meaningful Paint**](https://www.youtube.com/watch?v=4pQ2byAoIX0\u0026list=PLUS3uVC08ZaqVEGFkl_dS_3FUzILkOIzA): Patrick Hamann, CSSConf EU `37:56`\n1. [**CSS Grid in Production**](https://www.youtube.com/watch?v=_BCiiE31D5M\u0026list=PLUS3uVC08ZaqVEGFkl_dS_3FUzILkOIzA): Benjamin De Cock, dotCSS `16:05`\n\n### 2016\n\n1. [**CSS in 2016 and Beyond**](https://www.youtube.com/watch?v=9AG35HCBpo4\u0026list=PLUS3uVC08ZaqVEGFkl_dS_3FUzILkOIzA): Christian Vuerings, SFHTML5 `17:15`\n1. [**Laying out the Future with Grid and Flexbox**](https://www.youtube.com/watch?v=ibeF6rbzD70\u0026list=PLUS3uVC08ZaqVEGFkl_dS_3FUzILkOIzA): Rachel Andrew, View Source Conference `25:45`\n1. [**Reactive Animations with CSS Variables**](https://www.youtube.com/watch?v=lTCukb6Zn3g\u0026list=PLUS3uVC08ZaqVEGFkl_dS_3FUzILkOIzA): David Khourshid, JSConf Iceland `31:02`\n1. [**Practical Blend Modes in CSS**](https://vimeo.com/184235576): Una Kravets, SmashingConf Freiburg `47:04`\n1. [**Real Art Direction on the Web**](https://www.youtube.com/watch?v=5Z7lSSMwRgo\u0026list=PLUS3uVC08ZaqVEGFkl_dS_3FUzILkOIzA): Jen Simmons, View Source Conference `31:41`\n1. [**You Might Not Need a CSS Framework**](https://www.youtube.com/watch?v=5FdHqVDlXu0\u0026list=PLUS3uVC08ZaqVEGFkl_dS_3FUzILkOIzA): Belen Albeza, View Source Conference `22:46`\n1. [**The Dark Side of Polyfilling CSS**](https://www.youtube.com/watch?v=ZskP7cvj3WA\u0026list=PLUS3uVC08ZaqVEGFkl_dS_3FUzILkOIzA): Philip Walton, dotCSS `22:57`\n\n### 2015\n\n1. [**mdo-ular CSS**](http://jqueryuk.com/2015/videos.php?s=mdo-ular-css): Mark Otto, jQuery UK `30:06`\n1. [**PostCSS: The Future After Sass and LESS**](https://www.youtube.com/watch?v=1yUFTrAxTzg\u0026list=PLUS3uVC08ZaqVEGFkl_dS_3FUzILkOIzA): Andrey Sitnik, CSSConf US `29:09`\n1. [**Your Very Own Component Library**](https://www.youtube.com/watch?v=zSYo7m5kGHQ\u0026list=PLUS3uVC08ZaqVEGFkl_dS_3FUzILkOIzA): Alex Sexton, JSConf AR `20:03`\n1. [**Let's Move**](https://www.youtube.com/watch?v=J6wUmQDQBkw\u0026list=PLUS3uVC08ZaqVEGFkl_dS_3FUzILkOIzA): Benjamin De Cock, CSSConf AU `24:52`\n1. [**Motion Design with CSS**](https://www.youtube.com/watch?v=TjsXqt-UxLo\u0026list=PLUS3uVC08ZaqVEGFkl_dS_3FUzILkOIzA): Val Head, OpenVis Conf `29:39`\n1. [**Cascading Shit Show**](https://www.youtube.com/watch?v=iniwPUEbPUM\u0026list=PLUS3uVC08ZaqVEGFkl_dS_3FUzILkOIzA): Jacob Thornton, Code Genius `42:07`\n1. [**Inline Styles Are About to Kill CSS**](https://www.youtube.com/watch?v=NoaxsCi13yQ\u0026list=PLUS3uVC08ZaqVEGFkl_dS_3FUzILkOIzA): Colin Megill, CSSConf US `36:11`\n1. [**Let's Talk About Our CSS**](https://www.youtube.com/watch?v=NHpSmJrEvRQ\u0026list=PLUS3uVC08ZaqVEGFkl_dS_3FUzILkOIzA): Michelle Bu, TXJS `18:11`\n1. [**CSS for Software Engineers for CSS Developers**](https://vimeo.com/140641366): Harry Roberts, SmashingConf Freiburg `51:14`\n1. [**Photoshop Is Dead!: Editing Images in CSS**](https://www.youtube.com/watch?v=LY65F2e4B5w\u0026list=PLUS3uVC08ZaqVEGFkl_dS_3FUzILkOIzA): Una Kravets, CSSConf EU `28:42`\n1. [**Enhancing Responsiveness With Flexbox**](https://www.youtube.com/watch?v=_98SE8WUvLk\u0026index=10\u0026list=PL37ZVnwpeshHoV6GgvG9WWAP6rjnEdAs9): Zoe M. Gillenwater, CSSConf EU `37:13`\n1. [**Move Slow and Fix Things**](https://www.youtube.com/watch?v=zmjfh099zYg\u0026list=PLUS3uVC08ZaqVEGFkl_dS_3FUzILkOIzA): Daniel Eden, dotCSS `15:06`\n\n### 2014\n\n1. [**What Is a CSS Framework Anyway?**](https://vimeo.com/95734680): Harry Roberts, Industry Conf `48:48`\n1. [**CSS Is a Mess**](https://vimeo.com/99877232): Jonathan Snook, Beyond Tellerand `53:49`\n1. [**10 Commandments for Efficient CSS Architecture**](https://www.youtube.com/watch?v=FYcu-wWrNqo\u0026list=PLUS3uVC08ZaqVEGFkl_dS_3FUzILkOIzA): Kushagra Gour, CSSConf Asia `35:55`\n1. [**Slaying the Dragon: How to Refactor CSS for Maintainability**](https://vimeo.com/100501790): Alicia Liu, Front-Trends `33:21`\n1. [**CSS in Your Pocket - Mobile CSS Tips from the Trenches**](https://www.youtube.com/watch?v=vBHt61yDO9U\u0026list=PLUS3uVC08ZaqVEGFkl_dS_3FUzILkOIzA): Angelina Fabbro, CSSConf US `34:19`\n1. [**Styling and Animating Scalable Vector Graphics with CSS**](https://www.youtube.com/watch?v=lf7L8X6ZBu8\u0026list=PLUS3uVC08ZaqVEGFkl_dS_3FUzILkOIzA): Sara Soueidan, CSSConf EU `29:16`\n1. [**Play Nice With CSS Tools and Methodologies**](https://www.youtube.com/watch?v=-bZSTMLqf8Q\u0026list=PLUS3uVC08ZaqVEGFkl_dS_3FUzILkOIzA): Brad Westfall, HTML5DevConf `42:47`\n1. [**Build Scalable, Automated CSS**](https://www.youtube.com/watch?v=Tk_0qYEFtAY\u0026list=PLUS3uVC08ZaqVEGFkl_dS_3FUzILkOIzA): Christian Lilley, CSSConf Asia `48:47`\n1. [**CSS and the Critical Path**](https://www.youtube.com/watch?v=_0Fk85to6hA\u0026list=PLUS3uVC08ZaqVEGFkl_dS_3FUzILkOIzA): Patrick Hamann, CSSConf EU `33:42`\n1. [**All the Right Moves: How to Put Your UI in Motion**](http://new.livestream.com/accounts/6779986/events/2928486/videos/51426837): Val Head, Multi-Mania `45:49`\n1. [**Present and Future of CSS Layout**](https://vimeo.com/98746172): Tab Atkins, CSS Day `49:31`\n1. [**Thinking Beyond \"Scalable CSS\"**](https://www.youtube.com/watch?v=L8w3v9m6G04\u0026list=PLUS3uVC08ZaqVEGFkl_dS_3FUzILkOIzA): Nicolas Gallagher, dotCSS `28:46`\n1. [**Web Components \u0026 the Future of CSS**](https://www.youtube.com/watch?v=QHxrr6Q82yI\u0026list=PLUS3uVC08ZaqVEGFkl_dS_3FUzILkOIzA): Philip Walton, SFHTML5 `40:02`\n1. [**CSS Performance Tooling**](https://www.youtube.com/watch?v=FEs2jgZBaQA\u0026list=PLUS3uVC08ZaqVEGFkl_dS_3FUzILkOIzA): Addy Osmani, CSSConf EU `46:27`\n1. [**3.14 Things I Didn’t Know About CSS**](https://vimeo.com/100264064): Mathias Bynens, CSS Day `45:35`\n1. [**Effortless Style**](http://vimeo.com/101718785): Heydon Pickering, CSS Day `49:51`\n\n### 2013\n\n1. [**When Bootstrap Attacks**](https://www.youtube.com/watch?v=xbpnqbM6cRk\u0026list=PLUS3uVC08ZaqVEGFkl_dS_3FUzILkOIzA): Pamela Fox, CSSConf US `28:48`\n1. [**CSS in the 4th Dimension**](https://www.youtube.com/watch?v=NTJUFQmHbvc\u0026list=PLUS3uVC08ZaqVEGFkl_dS_3FUzILkOIzA): Lea Verou, JSConf Asia `44:49`\n1. [**Automated CSS Testing**](https://www.youtube.com/watch?v=2PU6JX4S7zI\u0026list=PLUS3uVC08ZaqVEGFkl_dS_3FUzILkOIzA): Jakob Mattsson, JSConf Asia `42:07`\n1. [**CSSConf EU Keynote**](https://www.youtube.com/watch?v=ue-Z_HxS3cc\u0026list=PLUS3uVC08ZaqVEGFkl_dS_3FUzILkOIzA): Nicole Sullivan, CSSConf EU `20:57`\n1. [**CSS Application Architecture**](https://vimeo.com/74359951): Nicolas Gallagher, SmashingConf Freiburg `38:36`\n1. [**Realigning \u0026 Refactoring UI**](https://www.youtube.com/watch?v=I82ytAWxzrI\u0026list=PLUS3uVC08ZaqVEGFkl_dS_3FUzILkOIzA): Jina Bolton, SassConf `48:08`\n1. [**Normalizing Designs for Better Quality CSS**](https://www.youtube.com/watch?v=ldx4ZFxMEeo\u0026list=PLUS3uVC08ZaqVEGFkl_dS_3FUzILkOIzA): Harry Roberts, CSSConf EU `43:40`\n1. [**Automating the Removal of Unused CSS**](https://www.youtube.com/watch?v=833xr1MyE30\u0026list=PLUS3uVC08ZaqVEGFkl_dS_3FUzILkOIzA): Addy Osmani, Velocity Europe Conference `5:57`\n1. [**The Humble Border-Radius**](https://www.youtube.com/watch?v=2iFw2GCOPj0\u0026list=PLUS3uVC08ZaqVEGFkl_dS_3FUzILkOIzA): Lea Verou, Future of Web Design `37:07`\n1. [**Sass and OOCSS Sitting in a Tree K-I-S-S-I-N-G**](https://vimeo.com/66039168): Nicole Sullivan, TXJS `27:50`\n1. [**Architecting Scalable CSS**](https://vimeo.com/70041549): Harry Roberts, Beyond Tellerand `41:57`\n1. [**More CSS Secrets: Another 10 Things You May Not Know about CSS**](https://www.youtube.com/watch?v=3ikye7Qc7Ak\u0026list=PLUS3uVC08ZaqVEGFkl_dS_3FUzILkOIzA): Lea Verou, W3Conf `60:39`\n\n### 2012\n\n1. [**Open Source Tools and Libraries for Designers**](https://www.youtube.com/watch?v=hFdbE6T9QGc\u0026list=PLUS3uVC08ZaqVEGFkl_dS_3FUzILkOIzA): Julie Ann Horvath, HTML5DevConf `29:39`\n1. [**GitHub's CSS Performance**](https://vimeo.com/54990931): Jon Rohan, CSS Dev Conf `40:50`\n\n### 2010\n\n1. [**Handcrafted CSS**](https://vimeo.com/17091905): Dan Cederholm, Build Conference `44:29`\n1. [**The Top 5 Mistakes of Massive CSS**](https://www.youtube.com/watch?v=j6sAm7CLoCQ): Nicole Sullivan, Build Conference `37:53`\n","funding_links":[],"categories":["Videos :tv:","Front-End Development","Technical","\u003ca id=\"Programming-Languages\"\u003e\u003c/a\u003eProgramming Languages","Uncategorized","Front-end Development","Others","Table of Contents","Style","Live Site:   [searchAwesome](https://search-awesome.vercel.app/)","前端开发","Misc","Themed Directories"],"sub_categories":["Editor's Draft :black_nib:","ramanihiteshc@gmail.com","Uncategorized","Frontend","CSS","Misc","Design Tools"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FAllThingsSmitty%2Fmust-watch-css","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FAllThingsSmitty%2Fmust-watch-css","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FAllThingsSmitty%2Fmust-watch-css/lists"}