Web Directions Hover ’21 session spotlight–CSS Aspect Ratio
CSS Aspect Ratio
Anton Ball, Front End Developer Doist
Have you needed to maintain an aspect ratio in a layout? Perhaps 16:9 for a video or a 4:3 photograph. Was it more work than you would have thought? There’s JavaScript solutions or the Padding-Top hack that work, but there are sacrifices to these workarounds.
The frustration of maintaining a consistent width-height ratio is about to be solved with modern browsers supporting the CSS Aspect Ratio property. In this talk we look at what aspect ratio is, how we can use it in our code and the problems it’ll solve.
About Anton Ball
Anton is a Front-End Developer, speaker and community organiser. He is passionate about clean, structured code, web standards, accessibility and optimisation. He prides himself on delivering robust, high quality and beautiful solutions. Anton co-organises Fenders Front-End Developer meetup and DDD Perth. Anton has also volunteered as a mentor introducing others to the world of coding.
In 2022 we have a whole series of events for Front End Developers
Across 2022 Web Directions is presenting our series of online conferences for front end designers and developers. Focussed deep dives, they go far beyond what you might expect from conference programs.
Priced individually from $195, or attend all 6, plus get access to our conference presentation platform Conffab for just $595, or $59 a month.
Great reading, every weekend.
We round up the best writing about the web and send it your way each Friday.