Chris Blakley

Using blur.js breaks the Chrome inspector

2

When I use blur.js on a page and use the Chrome inspector, the inspector locks up and if left long enough, it will crash. Appears to only happen in Chrome,...

Is it possible for a link to open the Query Monitor panel from outside QM?

2

I apologize that this is more of a "discussion" type post than an issue, but I've experimented in code and searched the docs and issues and it does not appear...

Use the new Range Syntax for CSS media queries [🟩 fully supported now]

1

https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries Allows for more easily understandable media queries such as: ```css @media ( width

Use stale-while-revalidate in Cache Control when available (🟧 awaiting Safari support)

4

https://www.chromestatus.com/feature/5050913014153216 Stale-While-Revalidate is coming as a Cache Control feature, so when that happens, consider updating the bundled `.htaccess` file to use it. For reference, here is the current method of...

Use overflow: clip as a potential alternative to overflow: hidden [🟩 fully supported now]

4

This offers better performance than `overflow: hidden` and is more reliable for specifying the `overflow-x` or `overflow-y`. https://caniuse.com/mdn-css_properties_overflow_clip

Keep an eye on the Sanitizer API for sanitizing data in JS [🟥 awaiting full support]

5

https://caniuse.com/mdn-api_sanitizer ``` sanitizer.sanitize(input) ``` This would replace the need for this Nebula function: ```js nebula.sanitize = function(text){ return document.createElement('div').appendChild(document.createTextNode(text)).parentNode.innerHTML; }; ```

Watch for support for :has() CSS parent selector [🟩 fully supported now]

3

https://caniuse.com/css-has This will certainly optimize a few things that currently require JavaScript to designate.

Update History API to the Navigation API [🟥 awaiting support]

3

...when it is available. 

Watch for upcoming native CSS features

4

A few features to watch for that will occur natively in CSS rather than needing a preprocessor like Sass: ### Custom Selectors: https://cssdb.org/#custom-selectors ```css @custom-selector :--heading h1, h2, h3, h4,...

🔮 PHP 7.4 Upgrade Features/Notes

4

PHP Version Timeline: https://www.php.net/supported-versions.php PHP Release Notes: https://php.watch/versions Version Stats: https://stitcher.io/blog/php-version-stats-january-2023 ## PHP 7.4 Info & References https://php.watch/versions/7.4 https://stitcher.io/blog/new-in-php-74 - Release Date: November 2019 - Active Support Until November 2020...