Code Monkey home page Code Monkey logo

must-watch-css's Introduction

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

must-watch-css's People

Contributors

allthingssmitty avatar codingkittens avatar ismamz avatar marcobiedermann avatar mathiasbynens avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

must-watch-css's Issues

Validate pull requests with Travis

Hello, I wrote a tool that can validate README links (valid URLs, not duplicate). It can be run when someone submits a pull request.

It is currently being used by

Examples

If you are interested, connect this repo to https://travis-ci.org/ and add a .travis.yml file to the project.

See https://github.com/dkhamsing/awesome_bot for options, more information
Feel free to leave a comment 😄

Description update

Collection of well-received talks about CSS, covering CSS Grid, flexbox, frameworks, variables, Sass, SVG, performance, tooling, and more.

  • [✅] Right to the point.

Best order of videos

Should I add the videos in chronological order or assign the order based on video rating/popularity?

The videos are already ordered by year which is optimal and won't change. Should I order the videos within that year by descending order? Ordering based on popularity (number of likes) requires more overhead and isn't automated. The only other viable suggestion is to just add the video at the of the year's list.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.