Submit Search
Upload
Using the CSS Nesting Spec Today
•
0 likes
•
114 views
John Albin Wilkins
Follow
SingaporeCSS, Talk.CSS #49, 1 April 2020
Read less
Read more
Technology
Report
Share
Report
Share
1 of 9
Download now
Download to read offline
Recommended
12-2015-Meetup
12-2015-Meetup
Hengki Sihombing
Kickstarter Your Node.JS Application
Kickstarter Your Node.JS Application
Hengki Sihombing
A different thought AngularJS
A different thought AngularJS
Amit Thakkar
Being WordPress Power User
Being WordPress Power User
Ajit Bohra
Building a living styleguide using React & Styled-components
Building a living styleguide using React & Styled-components
Vikram Ramanujam
No more conflicts - Jamstack that works for developers & business users with ...
No more conflicts - Jamstack that works for developers & business users with ...
Arisa Fukuzaki
Sketching in code
Sketching in code
Dara Pressley
Ammonia
Ammonia
Basecamp Learning Centre
Recommended
12-2015-Meetup
12-2015-Meetup
Hengki Sihombing
Kickstarter Your Node.JS Application
Kickstarter Your Node.JS Application
Hengki Sihombing
A different thought AngularJS
A different thought AngularJS
Amit Thakkar
Being WordPress Power User
Being WordPress Power User
Ajit Bohra
Building a living styleguide using React & Styled-components
Building a living styleguide using React & Styled-components
Vikram Ramanujam
No more conflicts - Jamstack that works for developers & business users with ...
No more conflicts - Jamstack that works for developers & business users with ...
Arisa Fukuzaki
Sketching in code
Sketching in code
Dara Pressley
Ammonia
Ammonia
Basecamp Learning Centre
The Living Style Guide: How CustomInk created a their new ux lead style guide
The Living Style Guide: How CustomInk created a their new ux lead style guide
Dara Pressley
CSS架構如何加速功能開發
CSS架構如何加速功能開發
Oliver Lin
SlickGrid Touch: Making complex JavaScript widgets work on mobile devices
SlickGrid Touch: Making complex JavaScript widgets work on mobile devices
reebalazs
Wulin kungfu final
Wulin kungfu final
Jimmy Huang
Automating Responsiveness of your Websites
Automating Responsiveness of your Websites
Birudugadda Pranathi
Getting Started With AureliaJs
Getting Started With AureliaJs
Knoldus Inc.
The Drupal Roadmap: From D7 to D9
The Drupal Roadmap: From D7 to D9
John Albin Wilkins
Mastering Drupal 8’s Twig
Mastering Drupal 8’s Twig
John Albin Wilkins
CSS-in-JS: unexpected lessons for Drupal component design
CSS-in-JS: unexpected lessons for Drupal component design
John Albin Wilkins
Style Guide Driven Development: All Hail the Robot Overlords!
Style Guide Driven Development: All Hail the Robot Overlords!
John Albin Wilkins
Styleguide-Driven Development: The New Web Development
Styleguide-Driven Development: The New Web Development
John Albin Wilkins
Managing Complex Projects with Design Components - Drupalcon Austin 2014
Managing Complex Projects with Design Components - Drupalcon Austin 2014
John Albin Wilkins
DrupalSouth 2014: Managing Complex Projects with Design Components
DrupalSouth 2014: Managing Complex Projects with Design Components
John Albin Wilkins
SassConf: Managing Complex Projects with Design Components
SassConf: Managing Complex Projects with Design Components
John Albin Wilkins
Drupal Camp Taipei Keynote
Drupal Camp Taipei Keynote
John Albin Wilkins
Become an IA superstar (Chinese version)
Become an IA superstar (Chinese version)
John Albin Wilkins
Mobile drupal: building a mobile theme
Mobile drupal: building a mobile theme
John Albin Wilkins
Sass: CSS with Attitude
Sass: CSS with Attitude
John Albin Wilkins
Mastering zen
Mastering zen
John Albin Wilkins
Drupal and the Future of the Web
Drupal and the Future of the Web
John Albin Wilkins
What's new in D7 Theming?
What's new in D7 Theming?
John Albin Wilkins
Default theme implementations: a guide for module developers that want sweet ...
Default theme implementations: a guide for module developers that want sweet ...
John Albin Wilkins
More Related Content
What's hot
The Living Style Guide: How CustomInk created a their new ux lead style guide
The Living Style Guide: How CustomInk created a their new ux lead style guide
Dara Pressley
CSS架構如何加速功能開發
CSS架構如何加速功能開發
Oliver Lin
SlickGrid Touch: Making complex JavaScript widgets work on mobile devices
SlickGrid Touch: Making complex JavaScript widgets work on mobile devices
reebalazs
Wulin kungfu final
Wulin kungfu final
Jimmy Huang
Automating Responsiveness of your Websites
Automating Responsiveness of your Websites
Birudugadda Pranathi
Getting Started With AureliaJs
Getting Started With AureliaJs
Knoldus Inc.
What's hot
(6)
The Living Style Guide: How CustomInk created a their new ux lead style guide
The Living Style Guide: How CustomInk created a their new ux lead style guide
CSS架構如何加速功能開發
CSS架構如何加速功能開發
SlickGrid Touch: Making complex JavaScript widgets work on mobile devices
SlickGrid Touch: Making complex JavaScript widgets work on mobile devices
Wulin kungfu final
Wulin kungfu final
Automating Responsiveness of your Websites
Automating Responsiveness of your Websites
Getting Started With AureliaJs
Getting Started With AureliaJs
More from John Albin Wilkins
The Drupal Roadmap: From D7 to D9
The Drupal Roadmap: From D7 to D9
John Albin Wilkins
Mastering Drupal 8’s Twig
Mastering Drupal 8’s Twig
John Albin Wilkins
CSS-in-JS: unexpected lessons for Drupal component design
CSS-in-JS: unexpected lessons for Drupal component design
John Albin Wilkins
Style Guide Driven Development: All Hail the Robot Overlords!
Style Guide Driven Development: All Hail the Robot Overlords!
John Albin Wilkins
Styleguide-Driven Development: The New Web Development
Styleguide-Driven Development: The New Web Development
John Albin Wilkins
Managing Complex Projects with Design Components - Drupalcon Austin 2014
Managing Complex Projects with Design Components - Drupalcon Austin 2014
John Albin Wilkins
DrupalSouth 2014: Managing Complex Projects with Design Components
DrupalSouth 2014: Managing Complex Projects with Design Components
John Albin Wilkins
SassConf: Managing Complex Projects with Design Components
SassConf: Managing Complex Projects with Design Components
John Albin Wilkins
Drupal Camp Taipei Keynote
Drupal Camp Taipei Keynote
John Albin Wilkins
Become an IA superstar (Chinese version)
Become an IA superstar (Chinese version)
John Albin Wilkins
Mobile drupal: building a mobile theme
Mobile drupal: building a mobile theme
John Albin Wilkins
Sass: CSS with Attitude
Sass: CSS with Attitude
John Albin Wilkins
Mastering zen
Mastering zen
John Albin Wilkins
Drupal and the Future of the Web
Drupal and the Future of the Web
John Albin Wilkins
What's new in D7 Theming?
What's new in D7 Theming?
John Albin Wilkins
Default theme implementations: a guide for module developers that want sweet ...
Default theme implementations: a guide for module developers that want sweet ...
John Albin Wilkins
Rocking the Theme Layer
Rocking the Theme Layer
John Albin Wilkins
Drupal Design Tips
Drupal Design Tips
John Albin Wilkins
New Adventures in Drupal Theming
New Adventures in Drupal Theming
John Albin Wilkins
Nanocon Taiwan
Nanocon Taiwan
John Albin Wilkins
More from John Albin Wilkins
(20)
The Drupal Roadmap: From D7 to D9
The Drupal Roadmap: From D7 to D9
Mastering Drupal 8’s Twig
Mastering Drupal 8’s Twig
CSS-in-JS: unexpected lessons for Drupal component design
CSS-in-JS: unexpected lessons for Drupal component design
Style Guide Driven Development: All Hail the Robot Overlords!
Style Guide Driven Development: All Hail the Robot Overlords!
Styleguide-Driven Development: The New Web Development
Styleguide-Driven Development: The New Web Development
Managing Complex Projects with Design Components - Drupalcon Austin 2014
Managing Complex Projects with Design Components - Drupalcon Austin 2014
DrupalSouth 2014: Managing Complex Projects with Design Components
DrupalSouth 2014: Managing Complex Projects with Design Components
SassConf: Managing Complex Projects with Design Components
SassConf: Managing Complex Projects with Design Components
Drupal Camp Taipei Keynote
Drupal Camp Taipei Keynote
Become an IA superstar (Chinese version)
Become an IA superstar (Chinese version)
Mobile drupal: building a mobile theme
Mobile drupal: building a mobile theme
Sass: CSS with Attitude
Sass: CSS with Attitude
Mastering zen
Mastering zen
Drupal and the Future of the Web
Drupal and the Future of the Web
What's new in D7 Theming?
What's new in D7 Theming?
Default theme implementations: a guide for module developers that want sweet ...
Default theme implementations: a guide for module developers that want sweet ...
Rocking the Theme Layer
Rocking the Theme Layer
Drupal Design Tips
Drupal Design Tips
New Adventures in Drupal Theming
New Adventures in Drupal Theming
Nanocon Taiwan
Nanocon Taiwan
Recently uploaded
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
Michael W. Hawkins
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Neo4j
Slack Application Development 101 Slides
Slack Application Development 101 Slides
praypatel2
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
debabhi2
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
Rafal Los
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
hans926745
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
Antenna Manufacturer Coco
🐬 The future of MySQL is Postgres 🐘
🐬 The future of MySQL is Postgres 🐘
RTylerCroy
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
wesley chun
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
Anna Loughnan Colquhoun
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
ThousandEyes
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
sudhanshuwaghmare1
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Katpro Technologies
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
Earley Information Science
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
apidays
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
Martijn de Jong
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
Enterprise Knowledge
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
The Digital Insurer
Recently uploaded
(20)
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Slack Application Development 101 Slides
Slack Application Development 101 Slides
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
🐬 The future of MySQL is Postgres 🐘
🐬 The future of MySQL is Postgres 🐘
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Using the CSS Nesting Spec Today
1.
SingaporeCSS / Talk.CSS
#49 / 1 April 2020 Using the CSS Nesting Spec Today
2.
CSS SPEC PROCESS FROM
CRAZY IDEA TO YOUR BROWSER Crazy idea Editor’s Draft Working Draft Candidate Recommendation CSS Nesting Spec March 2019
3.
NESTED RULESETS NO MORE
DUPLICATE SELECTORS
4.
NESTED RULESETS NO MORE
DUPLICATE SELECTORS
5.
WHY @NEST IS
NEEDED BROWSER PERFORMANCE AND LOOK-AHEAD PARSING
6.
WHEN @NEST ISN’T
NEEDED WHEN & COMES FIRST
7.
EXPERIMENTAL CSS, TODAY postcss-preset-env https://cssdb.org
8.
POSTCSS.CONFIG.JS AMAZEE'S CONFIGURATION (WORK
IN PROGRESS)
9.
https://codepen.io/johnalbin/pen/jJJWmo
Download now