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
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
UiPathCommunity
How to write a Business Continuity Plan
How to write a Business Continuity Plan
Databarracks
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptx
hariprasad279825
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brand
gvaughan
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
Fwdays
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easy
Alfredo García Lavilla
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
LoriGlavin3
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024
Stephanie Beckett
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
BookNet Canada
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!
Manik S Magar
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR Systems
Mark Billinghurst
SAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptx
NavinnSomaal
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering Tips
Miki Katsuragi
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
null - The Open Security Community
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdf
Addepto
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024
Lorenzo Miniero
Advanced Computer Architecture – An Introduction
Advanced Computer Architecture – An Introduction
Dilum Bandara
DMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special Edition
Dubai Multi Commodity Centre
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Mark Simos
Recently uploaded
(20)
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
How to write a Business Continuity Plan
How to write a Business Continuity Plan
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptx
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brand
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
Commit 2024 - Secret Management made easy
Commit 2024 - Secret Management made easy
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR Systems
SAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptx
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering Tips
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdf
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024
Advanced Computer Architecture – An Introduction
Advanced Computer Architecture – An Introduction
DMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special Edition
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
TrustArc Webinar - How to Build Consumer Trust Through Data Privacy
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
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