Pre-requisite: Responsive design is a Web development technique in which site content resizes to fit your device’s screen.
While services like Twitter and SoundCloud have chosen to make their embeds responsive, videos from YouTube and Vimeo, Maps from Google and photos from Instagram have received no such treatment. There have been ways around this oversight, but now a site has emerged to fulfill a simple mission: make the above services embed responsively.
The site’s called Embed Responsively, in case you were wondering.
To see a responsive embed in action, look below and resize your browser window; if you’re on mobile, you won’t need to anything.
The 💜 of EU tech
The latest rumblings from the EU tech scene, a story from our wise ol' founder Boris, and some questionable AI art. It's free, every week, in your inbox. Sign up now!
Here’s the same photo embedded via Instagram directly. Resize your window and see what happens.
Perhaps the most important question is: why haven’t these services already made embeds responsive? Until things change, check out the site below.
Get the TNW newsletter
Get the most important tech news in your inbox each week.