Nebula

Nebula copied to clipboard

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

chrisblakley

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...

chrisblakley

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

chrisblakley

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

6

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; }; ```

chrisblakley

Extends the CF7 autofill/memory to include select menus and checkboxes

3

Select menu inputs were plug and play. Checkbox inputs require a different approach but are also simple to add/retrieve. I did *not* investigate the "update matching form fields on other...

patphg

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.

chrisblakley

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

4

...when it is available. 

chrisblakley

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,...

chrisblakley

🔮 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...

chrisblakley

Use the CSS color-contrast property when it becomes available [❌ awaiting support tracking]

3

This CSS property will handle proper color contrast based on given colors and AA/AAA compliance. Super cool and replaces the need for the Nebula Sass mixin that relies on 3...

chrisblakley