• Stars
    star
    4,712
  • Rank 8,977 (Top 0.2 %)
  • Language
  • License
    Creative Commons ...
  • Created over 10 years ago
  • Updated 10 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

🔥 CSS talks you have to see ⚡️ covering CSS Grid, flexbox, custom variables, performance, frameworks, Sass, tools, and more! 🚀

TV icon with play button

Must-Watch CSS Awesome

This is a collection of well-received talks about CSS covering topics such as CSS Grid, flexbox, custom variables, performance, frameworks, Sass, tooling, and more.

Like JavaScript? Check out Must-Watch JavaScript! For other great lists check out @sindresorhus's curated list of awesome lists.

2022

  1. CSS Variable Secrets: Lea Verou, CSS Day 59:06
  2. Oh Snap!: Adam Argyle, CSS Day 49:46

2020

  1. 10 Modern Layouts in 1 Line of CSS: Una Kravets, (Google Chrome Developers YouTube Channel) 21:38

2019

  1. CSS Algorithms: Lara Schenck, Strange Loop Conference 36:18
  2. Build a Classic Layout FAST in CSS Grid: Miriam Suzanne, (Mozilla Developer YouTube Channel) 8:29
  3. CSS Animation - Beyond Transitions: Steven Roberts, CSSConf Budapest 28:01
  4. Using Devtools to Understand Modern CSS Layouts: Chen Hui Jing, CSSConf EU 32:39
  5. Hello Subgrid!: Rachel Andrew, CSSConf EU 32:56

2018

  1. Resilient CSS: How to Write CSS That Works in Every Browser, Even the Old Ones: Jen Simmons (Layout Land playlist) 55:04
  2. Creative Text Effects with CSS: Mandy Michael, Talk.CSS 40:46
  3. Learn CSS Grid: Wes Bos, Laracon 44:59

2017

  1. CSS Grid Layout: Rachel Andrew, Frontend NE 59:14
  2. The Power of CSS: Una Kravets, Front-Trends 30:57
  3. CSS and the First Meaningful Paint: Patrick Hamann, CSSConf EU 37:56
  4. CSS Grid in Production: Benjamin De Cock, dotCSS 16:05

2016

  1. CSS in 2016 and Beyond: Christian Vuerings, SFHTML5 17:15
  2. Laying out the Future with Grid and Flexbox: Rachel Andrew, View Source Conference 25:45
  3. Reactive Animations with CSS Variables: David Khourshid, JSConf Iceland 31:02
  4. Practical Blend Modes in CSS: Una Kravets, SmashingConf Freiburg 47:04
  5. Real Art Direction on the Web: Jen Simmons, View Source Conference 31:41
  6. You Might Not Need a CSS Framework: Belen Albeza, View Source Conference 22:46
  7. The Dark Side of Polyfilling CSS: Philip Walton, dotCSS 22:57

2015

  1. mdo-ular CSS: Mark Otto, jQuery UK 30:06
  2. PostCSS: The Future After Sass and LESS: Andrey Sitnik, CSSConf US 29:09
  3. Your Very Own Component Library: Alex Sexton, JSConf AR 20:03
  4. Let's Move: Benjamin De Cock, CSSConf AU 24:52
  5. Motion Design with CSS: Val Head, OpenVis Conf 29:39
  6. Cascading Shit Show: Jacob Thornton, Code Genius 42:07
  7. Inline Styles Are About to Kill CSS: Colin Megill, CSSConf US 36:11
  8. Let's Talk About Our CSS: Michelle Bu, TXJS 18:11
  9. CSS for Software Engineers for CSS Developers: Harry Roberts, SmashingConf Freiburg 51:14
  10. Photoshop Is Dead!: Editing Images in CSS: Una Kravets, CSSConf EU 28:42
  11. Enhancing Responsiveness With Flexbox: Zoe M. Gillenwater, CSSConf EU 37:13
  12. Move Slow and Fix Things: Daniel Eden, dotCSS 15:06

2014

  1. What Is a CSS Framework Anyway?: Harry Roberts, Industry Conf 48:48
  2. CSS Is a Mess: Jonathan Snook, Beyond Tellerand 53:49
  3. 10 Commandments for Efficient CSS Architecture: Kushagra Gour, CSSConf Asia 35:55
  4. Slaying the Dragon: How to Refactor CSS for Maintainability: Alicia Liu, Front-Trends 33:21
  5. CSS in Your Pocket - Mobile CSS Tips from the Trenches: Angelina Fabbro, CSSConf US 34:19
  6. Styling and Animating Scalable Vector Graphics with CSS: Sara Soueidan, CSSConf EU 29:16
  7. Play Nice With CSS Tools and Methodologies: Brad Westfall, HTML5DevConf 42:47
  8. Build Scalable, Automated CSS: Christian Lilley, CSSConf Asia 48:47
  9. CSS and the Critical Path: Patrick Hamann, CSSConf EU 33:42
  10. All the Right Moves: How to Put Your UI in Motion: Val Head, Multi-Mania 45:49
  11. Present and Future of CSS Layout: Tab Atkins, CSS Day 49:31
  12. Thinking Beyond "Scalable CSS": Nicolas Gallagher, dotCSS 28:46
  13. Web Components & the Future of CSS: Philip Walton, SFHTML5 40:02
  14. CSS Performance Tooling: Addy Osmani, CSSConf EU 46:27
  15. 3.14 Things I Didn’t Know About CSS: Mathias Bynens, CSS Day 45:35
  16. Effortless Style: Heydon Pickering, CSS Day 49:51

2013

  1. When Bootstrap Attacks: Pamela Fox, CSSConf US 28:48
  2. CSS in the 4th Dimension: Lea Verou, JSConf Asia 44:49
  3. Automated CSS Testing: Jakob Mattsson, JSConf Asia 42:07
  4. CSSConf EU Keynote: Nicole Sullivan, CSSConf EU 20:57
  5. CSS Application Architecture: Nicolas Gallagher, SmashingConf Freiburg 38:36
  6. Realigning & Refactoring UI: Jina Bolton, SassConf 48:08
  7. Normalizing Designs for Better Quality CSS: Harry Roberts, CSSConf EU 43:40
  8. Automating the Removal of Unused CSS: Addy Osmani, Velocity Europe Conference 5:57
  9. The Humble Border-Radius: Lea Verou, Future of Web Design 37:07
  10. Sass and OOCSS Sitting in a Tree K-I-S-S-I-N-G: Nicole Sullivan, TXJS 27:50
  11. Architecting Scalable CSS: Harry Roberts, Beyond Tellerand 41:57
  12. More CSS Secrets: Another 10 Things You May Not Know about CSS: Lea Verou, W3Conf 60:39

2012

  1. Open Source Tools and Libraries for Designers: Julie Ann Horvath, HTML5DevConf 29:39
  2. GitHub's CSS Performance: Jon Rohan, CSS Dev Conf 40:50

2010

  1. Handcrafted CSS: Dan Cederholm, Build Conference 44:29
  2. The Top 5 Mistakes of Massive CSS: Nicole Sullivan, Build Conference 37:53

More Repositories

1

css-protips

⚡️ A collection of tips to help take your CSS skills pro 🦾
28,075
star
2

must-watch-javascript

🔥 JavaScript talks you have to see 📺 on functional programming, performance, frameworks, React, debugging, leveling up, and more! ⚡️
7,087
star
3

jquery-tips-everyone-should-know

A collection of tips to help up your jQuery game 🎮
4,260
star
4

mega-nav

A simple mega nav menu in pure CSS
HTML
129
star
5

responsive-css-grid

A super-lightweight, responsive, 8-column grid based on box-sizing
CSS
50
star
6

javascript-without-jquery

Tips and practical examples
50
star
7

fonts

Web fonts that you probably won't find in a CDN
40
star
8

super-simple-css-tooltips

Super simple tooltips
CSS
28
star
9

nodejs-chat

Chat app using Node.js and WebSockets
JavaScript
18
star
10

allthingssmitty.github.io

Where I write stuff 👨🏻‍💻
SCSS
16
star
11

functions-and-scope-in-javascript

Examples of functions and scope (closure) in JavaScript
16
star
12

accessible-mega-menu

A keyboard- and screen reader-accessible mega menu
HTML
15
star
13

css-breakpoints-in-js

A simpler way to keep your project's CSS and JavaScript in sync
JavaScript
10
star
14

media-query-load

Conditional loading of CSS using media queries
HTML
9
star
15

anything-ipsum

A lorem ipsum-style generator
JavaScript
6
star
16

vertical-timeline

A responsive vertical timeline
CSS
6
star
17

thug-grids

Simple, flexible, Sass-based so you can responsive grid system like you give a fuck
CSS
4
star
18

tweet-style-guide

A personal style guide for composing tweets
3
star
19

ux-assessment

CSS
3
star
20

musicbrowser

A front-end training tool and skills assessment
CSS
2
star
21

fixed-header-animated

A fixed header that animates on page scroll
HTML
2
star