Welcome to HTMLcat! This website offers a curated collection of useful snippets and references for HTML, CSS, and JavaScript — the core technologies behind every web page. Our focus is on simple yet often overlooked techniques that adhere to web standards, rather than specific frameworks or libraries. Let's dive in!

This site uses new/experimental features for study purposes, such as native CSS nesting, so on some browsers you might see weird things.

Device type in js

🍬 Post-it JS

Hide scrollbars

🍬 Post-it CSS HTML

Empty tags

🍬 Post-it CSS

Centering in CSS

🍬 Post-it CSS

Clamp

🍬 Post-it CSS

Smooth scrolling

🍬 Post-it CSS JS

Scroll margin

🍬 Post-it CSS

classList toggle

🍬 Post-it JS

Tel and mail links

🍬 Post-it HTML

Text selection/highlight

🍬 Post-it CSS

CSS Parent Selector :has

🍬 Post-it CSS

Using ::marker in CSS

🍬 Post-it CSS

Localized pricing with Intl.NumberFormat

🍬 Post-it JS

Ignoring User Interactions with inert

🍬 Post-it HTML

CSS :target Pseudo-class

🍬 Post-it CSS HTML

The translate global attribute

🍬 Post-it HTML

Prefers color scheme

🍬 Post-it CSS

Container queries

🍬 Post-it CSS

Dialog

🍬 Post-it HTML

Text wrap

🍬 Post-it CSS

Description list alignment

🍬 Post-it CSS