Front-end education for the real world. Since 2018.

— From set.studio

The `<details>` and `<summary>` elements are getting an upgrade

Published:

Commentary:
Andy Bell
Original author:
Stephanie Stimac

Big fan of <details> and <summary> checking in but what I don’t like is having to add extra elements to present a nice look and feel for them. Dealing with the disclosed content also requires extra elements if you want to apply a layout, for example.

It looks like that is changing though! I’m especially looking forward to giving the new ::details-content pseudo-element a test drive, that’s for sure.

Check it out

Take your skills beyond the next level with our Complete CSS course

Senior level CSS developers are so much more than syntax experts. That’s why this expansive course improves not just your CSS skills, but also those crucial, transferable core skills that will get you beyond the next level in your career.

Learn core skills, strategies, systems and approaches from Andy Bell, who has consulted on, and delivered CSS for huge organisations such as Google, Harley-Davidson, Oracle and the NHS, along with well-known brands such as BSkyB, Unilever, The Natural History Museum, British Cycling, Capita, Vitality and VICE Media.

Transform your skills and your career trajectory for only £249.

Features include

  • Over 50 lessons, broken into 8 modules
  • Mixed written and video content
  • Support from the Piccalilli courses Discord community
  • Learn at your own pace
  • Build a stunning, real world project
  • Purchasing Power Parity and bulk licence discounts for teams

Take your skills beyond the next level