#Development #Launches
CSS Boilerplate · A default CSS structure for projects of any size https://ilo.im/163i67
_____
#Boilerplate #CSS #CssReset #CssNesting #WebPerf #WebDev #Frontend #HTML
#Development #Launches
CSS Boilerplate · A default CSS structure for projects of any size https://ilo.im/163i67
_____
#Boilerplate #CSS #CssReset #CssNesting #WebPerf #WebDev #Frontend #HTML
#Development #Techniques
Approaches to the ‘&’ selector in CSS · More maintainable, readable, and clever CSS nesting https://ilo.im/1628p2
_____
#ModernCSS #Maintainability #Readability #Ampersand #CssNesting #Framework #WebDev #Frontend #CSS #Sass
#Development #Techniques
Approaches to the ‘&’ selector in CSS · More maintainable, readable, and clever CSS nesting https://ilo.im/1628p2
_____
#ModernCSS #Maintainability #Readability #Ampersand #CssNesting #Framework #WebDev #Frontend #CSS #Sass
#Development #Techniques
Conditional CSS grid template areas · A magic formula to “open the gates to layout heaven.” https://ilo.im/161t0f
_____
#Layout #CssGrid #CssNesting #ContainerQueries #LogicalProperties #ResponsiveDesign #WebDesign #WebDev #Frontend #CSS
@webstandards
I'm giving a talk at the Feb Meetup on #CSSNesting
https://londonwebstandards.org/events/lwsfeb2025/
Thanks @barcamplondon for giving me my first chance in over five years to give a talk. #CSSNesting and thanks to all the attendees for the great feedback.
#Development #Techniques
Fun with custom cursors · Two ways to change the default cursor appearance https://ilo.im/160i1z
_____
#Cursor #Customization #WebDev #Frontend #CSS #CssCursor #CssNesting #CustomProperties #JavaScript #React
#Development #Releases
CSS nesting improves · It gets much better with CSSNestedDeclarations https://ilo.im/160ct5
_____
#ModernCSS #CssNesting #Specification #Declaration #Coding #Browser #WebDev #Frontend #CSS
#Development #Techniques
Write better CSS with modern CSS · New CSS features can help you streamline your code https://ilo.im/15ynzs
_____
#ModernCSS #Code #Optimization #WebDev #Frontend #CSS #CssNesting #CustomProperty #MediaQuery
Okay, so CSS nesting is a thing that's neat and all, but why is https://codepen.io/freaktechnik/pen/vYPQKrb linear and not exponential? #css #cssnesting
A reminder that #CSSnesting is still a working draft in the #W3C under the #CSSWG. Please mind #webcompat when using this relatively new feature. IOW, don't make your #CSS break because you assumed everyone right now is using the latest version of #Chrome / #Chromium, #Firefox, #Safari, or #Edge. They might not even be using a mainstream #browser to visit your website (I am using #PaleMoon for example)... :seija_coffee:
RE: https://c.im/users/youronlyone/statuses/111884225846166170
I just found out today that #CSSnesting is now out and supported by major browsers. I've completely forgotten about it when it first showed up as a CSSWG draft.
Hooray!
---
P.S.
This is why I chose to create my own boilerplate from scratch. If I opted to use existing ones, what I'll be learning is “how to use their work” instead of “what's new in CSS”.
#Development #Guides
CSS Nesting · An in-depth guide with many use cases and examples https://ilo.im/15hxnk
🟡🟣 CSS Nesting
by Ahmad Shadeed @shadeed9
#css #CSSNesting #webdev
🪺 CSS nesting relaxed syntax update
by Adam Argyle @argyleink
#nesting #CSSnesting #webdev
https://developer.chrome.com/blog/css-nesting-relaxed-syntax-update/
#Development #Pitfalls
Surprising facts about the new CSS selectors · These selectors might trick you; use them with care https://ilo.im/15fvex
_____
#WebDev #CSS #CssNesting #CssSelectors #CssPseudoClasses #CssSpecificity
🟣🟠 CSS Nesting and the Cascade
by Jen Simmons @jensimmons at @webkit
#css #CSSnesting #webdev
#Development #Explainers
CSS Nesting and the cascade · What does CSS Nesting’s ‘relaxed parsing behavior’ mean? https://ilo.im/15a6ix
_____
#WebDev #Frontend #CSS #CssNesting
#Development #Introductions
A short introduction to CSS Nesting · Benefits and applications of a long-awaited CSS feature https://ilo.im/158jr9
_____
#WebDev #Frontend #CSS #CssNesting #Maintainability #Readability
#Development #Releases
Native CSS nesting support arrives in the big three browsers · The release of Firefox 117.0 completes the trifecta https://ilo.im/150a5r
_____
#WebDev #Frontend #Browser #CSS #CssNesting #Chrome #Firefox #Safari #Sass #PostCSS