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

Customizing native form control colors

🍬 Post-it CSS

Fine-Grained Highlighting with the CSS Custom Highlight API

🍬 Post-it JS CSS

Detect hover capability across all input types

🍬 Post-it CSS

Apply Opacity to CSS Variables with color-mix()

🍬 Post-it CSS

Listen to scroll snap sransitions with new events

🍬 Post-it JS

Sort directories by weight

🍬 Post-it Bash