Skip to content

必看讲座

TV icon with play button

Must-Watch CSS Awesome

这是一系列关于 CSS 的广受欢迎的讨论，涵盖 CSS Grid、flexbox、自定义变量、性能、框架、Sass、工具等主题.

> 喜欢 JavaScript？ 查看 Must-Watch JavaScript! 对于其他很棒的列表，请查看 @sindresorhus的精选清单 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，（谷歌 Chrome 开发者 YouTube 频道）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 开发者 YouTube 频道）8:29
  3. CSS Animation - Beyond Transitions：史蒂文·罗伯茨，布达佩斯 CSSConf 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 播放列表) 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，前沿趋势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，查看源代码会议 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，查看源代码会议 31:41
  6. You Might Not Need a CSS Framework: Belen Albeza，查看源代码会议 22:46
  7. The Dark Side of Polyfilling CSS: Philip Walton, dotCSS 22:57

2015

  1. mdo-ular CSS: Mark Otto，英国 jQuery 30:06
  2. PostCSS: The Future After Sass and LESS：Andrey Sitnik，美国 CSSConf 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 美国 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 美国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 美国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，网页设计的未来37:07
  10. Sass and OOCSS Sitting in a Tree K-I-S-S-I-N-G：妮可沙利文，TXJS27: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