Grow your CSS skills. Land your dream job.

Client-side full-text search in CSS

Published by Chris Coyier

Clever idea by François Zaninotto. Add to the searchable element a data-index attribute which contains all the text content of its children smooshed together. Then you can find matches using the [data-index*=""] selector, which is fast. Essentially doubles the DOM weight, but that's rarely too big of a deal.

Direct Link →

*May or may not contain any actual "CSS" or "Tricks".