aspect-ratio property. Learn how to create containers that keep their aspect ratio when resized — natively!
Say good-bye to the old CSS aspect ratio box hacks and hello to the native aspect-ratio property. Learn how to create containers that keep their aspect ratio when resized — natively!
Use the responsive iframe generator to generate HTML and CSS for a perfectly-sized iframe. Just enter the URL & select an aspect ratio.
Bandwidth is precious on mobile networks, so it helps to serve users on smaller screens a smaller image. Learn how to serve up specific images depending on device with these techniques.
Don’t let an iframe ugly-up your beautiful site. Avoid nasty iframe content gaps with a responsive iframe. Learn how with an aspect ratio box that’ll adjust its height based on width — great for embedded videos.
Ever wanted to resize videos while keeping the same aspect ratio in your responsive designs? Check out this easy to implement, CSS only technique that allows videos to be resized on the fly!
👋 Howdy! My name is Ben Marshall & I’ve been developing websites for over 20 years. I specialize in WordPress development, SEO strategy & LOVE what I do. Familiar with CSS-Tricks? … you should be, my site’s design was heavily inspired by it — hope you like it.
I build websites for both small mom & pop shops to large Fortune 500 companies. In addition to freelance work, I also have a full-time position at the New York-based Entermedia agency. Need a site, help with an existing one or a boost in search engines? I’m your guy, contact me today!
Are you a non-profit or organization helping the community and in need of a site? I offer heavily discounted services — sometimes free — to worthy causes.