# custom highlight api

Published articles for custom highlight api.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## What's !important #18: , Syntax ::highlight()ing, named-feature(), and More

DevFeed: [What's !important #18: , Syntax ::highlight()ing, named-feature(), and More](<https://devfeed.tech/articles/what-s-important-18-syntax-highlight-ing-named-feature-and-more-4267.md>)

Original publisher: [Read original article](<https://css-tricks.com/whats-important-18/>)

Author: Daniel Schwarz

Published: 2026-08-31T14:08:55Z

Content type: article

Language: en

Sources: [CSS-Tricks](<https://devfeed.tech/sources/css-tricks.md>)

Topics: [Web Development](<https://devfeed.tech/topics/web-development.md>), [Dark Mode](<https://devfeed.tech/topics/dark-mode.md>)

Tags: [api](<https://devfeed.tech/tags/api.md>), [articles](<https://devfeed.tech/tags/articles.md>), [chrome](<https://devfeed.tech/tags/chrome.md>), [css](<https://devfeed.tech/tags/css.md>), [custom-highlight-api](<https://devfeed.tech/tags/custom-highlight-api.md>), [dark-mode](<https://devfeed.tech/tags/dark-mode.md>), [developers](<https://devfeed.tech/tags/developers.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [news](<https://devfeed.tech/tags/news.md>)

### AI overview

A CSS-focused roundup covering delayed tooltips, progressive enhancement for geolocation, Custom Highlight API syntax highlighting, CSS grid data in custom properties, and dark-mode choices.

### Source excerpt

Well, that's a wrap. No, not a flex-wrap, but rather today marks a new day, week, month, season, aaaand new edition of What's important (#18), bringing you the best content that developers have produced over the last couple of weeks or so. What's !important #18: <geolocation>, Syntax ::highlight()ing, named-feature(), and More originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.

## MicroLighter: Syntax Highlighter

DevFeed: [MicroLighter: Syntax Highlighter](<https://devfeed.tech/articles/microlighter-syntax-highlighter-4262.md>)

Original publisher: [Read original article](<https://css-tricks.com/microlighter-syntax-highlighter/>)

Author: Geoff Graham

Published: 2026-08-25T14:10:34Z

Content type: article

Language: en

Sources: [CSS-Tricks](<https://devfeed.tech/sources/css-tricks.md>)

Topics: [Syntax Highlighting](<https://devfeed.tech/topics/syntax-highlighting.md>), [CSS](<https://devfeed.tech/topics/css.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [WordPress](<https://devfeed.tech/topics/wordpress.md>), [Code](<https://devfeed.tech/topics/code.md>)

Tags: [code](<https://devfeed.tech/tags/code.md>), [css](<https://devfeed.tech/tags/css.md>), [custom-highlight-api](<https://devfeed.tech/tags/custom-highlight-api.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [links](<https://devfeed.tech/tags/links.md>), [resource](<https://devfeed.tech/tags/resource.md>), [web](<https://devfeed.tech/tags/web.md>), [wordpress](<https://devfeed.tech/tags/wordpress.md>)

### AI overview

MicroLighter is a CSS-focused syntax highlighter for code blocks that uses Custom Highlights and aims to provide themes, line numbers, multiple-language support, semantic markup, and modular features with less JavaScript and fewer dependencies. The article also reports a substantially smaller bundle than Prism after integrating it into a WordPress site.

### Source excerpt

Syntax highlighting for code blocks without the complicated markup, spans, classes, and bloated JavaScript, courtesy of Uncle Dave. MicroLighter: Syntax Highlighter originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.

## What's !important #17: Custom Highlight API, CSS Navigation Matching, Fixing text-stroke, and More

DevFeed: [What's !important #17: Custom Highlight API, CSS Navigation Matching, Fixing text-stroke, and More](<https://devfeed.tech/articles/what-s-important-17-custom-highlight-api-css-navigation-matching-fixing-text-stroke-and-more-4266.md>)

Original publisher: [Read original article](<https://css-tricks.com/whats-important-17/>)

Author: Daniel Schwarz

Published: 2026-08-14T14:01:51Z

Content type: article

Language: en

Sources: [CSS-Tricks](<https://devfeed.tech/sources/css-tricks.md>)

Topics: [CSS](<https://devfeed.tech/topics/css.md>), [API](<https://devfeed.tech/topics/api.md>), [browser](<https://devfeed.tech/topics/browser.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>)

Tags: [articles](<https://devfeed.tech/tags/articles.md>), [browser](<https://devfeed.tech/tags/browser.md>), [css](<https://devfeed.tech/tags/css.md>), [css-navigation](<https://devfeed.tech/tags/css-navigation.md>), [custom-highlight-api](<https://devfeed.tech/tags/custom-highlight-api.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [news](<https://devfeed.tech/tags/news.md>)

### AI overview

CSS-Tricks' roundup covers the CSS Custom Highlight API, image overflow, text-stroke fixes, skeleton UI styling, viewport-unit uses, and diagonal scrolling. It highlights CSS techniques alongside the JavaScript required to use the Custom Highlight API.

### Source excerpt

Plus, how to style skeleton UIs, how to enable diagonal scrolling, how images can overflow themselves, and yet, still more. Basically, how to do a lot of really cool (CSS) stuff. What's !important #17: Custom Highlight API, CSS Navigation Matching, Fixing text-stroke, and More originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.