Welcome to the Mozilla Demo Studio, where developers like you can develop, share, demonstrate, and learn all about Web technologies. See what's possible by exploring Demo Studio:
CSS Media Queries allow Web developers to create responsive Web designs, tailoring the user experience for a range of screen sizes, including desktops, tablets, and mobiles.
Resize the browser window and strange things will happen in the living room.
Resize me! I'm a responsive image gallery with a CSS3 flavor ;)
A responsive design for YouTube, with CSS3 media queries.
Try to change browser window size to check how many fish run away from the water
Visualize the 3D-Models using CSS Media Queries in any device
Mandelbrot fractal animation with automatized media queries
Use iframes and CSS Media Queries to dynamically change page content
A demo/test page for a blog/portfolio site with Media Queries and Masonry suitable for every resolution.
example browser size dependent web layout using mediaqueries
Changes several properties of the elements as you resize the browser window.
The rainbow song in CSS3 media queries
1–12 of 15