Adobe Explores the Future of Responsive Digital Layout with National Geographic Content
Adobe has created a forward-looking vision of how readers will consume web content in the very near future. Truly outstanding.
Issue #58
Headlines
Automatic Figure Numbering with CSS Counters
Kitty Giraudel
Learn about CSS counters, the figure element and how to combine both for automatically numbering figures in a web page.
From our sponsor
Frontend Masters: New Responsive Web Design Course by Ben Callahan
In this new course from Frontend Masters, Ben tackles RWD process, prototyping and patterns, on down to specific coding tactics with media queries and responsive CSS. Watch a free lesson where Ben demonstrates making an existing website responsive by updating CSS properties on the fly.
Articles & tutorials
Embedding Canvas and SVG charts in emails
Thomas FuchsThomas Fuchs shows a very clever way to embed charts into emails by turning them into images with headless web browser.
CSS Transitions and old browser fallbacks
Stephen BurgessStephen Burgess shares a couple of pretty slick CSS animation and transition tricks.
Gallery CSS
Ben SchwarzBen Schwarz created a simple, maintainable and understandable gallery without the use of Javascript. Gallery itself is open-source, and if you’d like to learn how to build something similar, you can grab a screencast he prepared for you.
The CSS Zen Garden is 10 years old
Dave SheaDo you remember CSS Zen Garden? If so, you’ll be happy to hear that it’s already 10 years old, and once more open for submissions.
How to use the flexbox layout method
Sam PiggottSam Piggott shows the advantages of utilizing the flexbox technique for layout.
Inspiration
Tunnel vision 3D CSS
Peter Westendorp
A really impressive experiment by Peter Westendorp that demonstrates the power of CSS and modern browsers.