Modern HTML & CSS

56 features you're not using (but should be)

Built-in elements, selectors, and one-liners that replace entire libraries, kill old hacks, and delete JavaScript you no longer need to write. Every one is copy-paste ready.

56 features real, working code free PDF guide

Join thousands of developers leveling up their skills.

style.css

/* the parent selector you've been waiting for */
.card:has(img) {
  padding: 0;
}

/* fluid type, no media queries */
h1 {
  font-size: clamp(1.75rem, 4vw, 3rem);
  text-wrap: balance;
}

✓ no dependencies feature 23 / 56

Why grab it

56 ways to ship less code and a better site

This isn't a list of trivia. Every entry is something you can drop into a real project today, with a one-line explanation of why it's worth using.

Delete code, not add it

Native replacements for modals, accordions, carousels, and form validation you're probably shipping a library for.

Copy-paste ready

Every feature comes with a short, accurate code snippet you can drop straight into your project.

Know what's safe to ship

Each feature is tagged "widely supported" or "newer, check support," so you never guess about browser compatibility.

From beginner to senior

Whether you're learning the platform or just haven't kept up with the last few years of CSS, there's something new here.

Organized, not random

Eight focused chapters, from native UI components to layout, theming, and performance, so you can jump to what you need.

Designed to keep

A clean, readable PDF you'll actually want to keep open in a tab and reference later.

What's inside

Eight chapters, 56 features

No frameworks, no dependencies, just modern HTML and CSS that shipped in every major browser while the internet was busy arguing about JavaScript.

01Native UI, Zero JavaScript#01–07

02Forms That Don't Suck#08–15

03Selectors With Superpowers#16–22

04Layout, Finally Made Easy#23–31

05Text & Media That Behave#32–36

06Color & Theming#37–42

07Polish, Motion & UX#43–50

08Bonus: Pro Performance Touches#51–56