A Progressive Enhancement Challenge, by @chriscoyier (@frontendmasters.com):
https://frontendmasters.com/blog/a-progressive-enhancement-challenge/
#progressiveenhancement #javascript #html #featuredetection #support
A Progressive Enhancement Challenge, by @chriscoyier (@frontendmasters.com):
https://frontendmasters.com/blog/a-progressive-enhancement-challenge/
#progressiveenhancement #javascript #html #featuredetection #support
#Development #Overviews
Think you know media queries? · “Get ahead of the curve and start putting them to use.” https://ilo.im/1679ci
_____
#MediaQueries #FeatureDetection #Devices #Browser #Accessibility #WebDev #Frontend #CSS #CssNesting
First Look at the Modern “attr()”, by @shadeed9:
#Development #Releases
More options for styling HTML ‘details’ · All the changes introduced in Chrome 131 https://ilo.im/160qk2
_____
#Widget #Disclosure #Accordion #HTML #Chrome #Browser #FeatureDetection #WebDev #Frontend #CSS
#Development #Techniques
The undeniable utility of CSS :has · “The CSS :has selector is incredibly powerful.” https://ilo.im/1601qb
_____
#FeatureDetection #EventListener #DarkMode #Framework #Browser #WebDev #Frontend #CSS #CSSinJS #JavaScript
Of all the latest and greatest CSS features, the “:has” pseudo-class wasn’t exactly at the top of my wishlist. Once I started using it, however, I kept discovering incredible things I could do with it. It’s now become a core part of my toolkit! In this blog post, I'll show you some practical real-world problems I solved using “:has”, as well as some wild experiments that blew my mind!
#Development #Techniques
Captured custom properties · A noteworthy naming pattern for CSS variables https://ilo.im/15zz5d
_____
#CustomProperty #Naming #FeatureDetection #TypeLimitation #ContainerQuery #StyleQuery #WebDev #Frontend #CSS
In a few of my latest CSS experiments and articles, I used one naming pattern for registered custom properties that I think worth highlighting in a separate blog post. This pattern allows us to create a set of generic custom properties, covering a wide set of use cases for computing and storing their values.
#Development #Techniques
Feature detect CSS @property support · Testing browser support for custom property definitions https://ilo.im/15zegz
_____
#FeatureDetection #Browser #BrowserSupport #WebDev #Frontend #CSS #CustomProperty #StyleQuery #SpaceToggle #Workaround
⭐️ New blog post: How to feature detect support for @property in CSS
https://www.bram.us/2024/07/03/feature-detect-css-property-support/
#Development #Explorations
Should we rely on browser detection? · “In most cases, you don’t need browser detection.” https://ilo.im/15yr0a
_____
#Desktop #Mobile #WebAnalytics #Browser #BrowserDetection #FeatureDetection #UserAgentString #WebAPI #WebDev
#Development #Launches
SupportsCSS · Feature detection for modern CSS, inspired by the legacy of Modernizr https://ilo.im/12op2q
_____
#WebDevelopment #WebDev #Frontend #Browser #FeatureDetection #CSS #Modernizr