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

— From set.studio

Responsive bar charts in HTML and CSS

Published:

Commentary:
Andy Bell
Original author:
Mathias Schäfer

I love to see this sort of thing. In fact, nothing makes me happier on the web than seeing something simplified and improved because of that simplification. This article demonstrates that beautifully and teaches you how to write some pretty dang solid CSS that is battle tested in the real world. What also makes me happy is accessibility was simplified because of the use of semantic lists. Superb stuff.

I’ve historically grabbed a charting library to do even simple charts, but that will no longer be the case. Move over heavy duty charting libraries because for simple charts, HTML and CSS is ready to go!

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