A free tool for designers to quickly test responsive websites.
Test your sites on both local and remote servers.
LiveReload works too!
Preview your design in various types of mobile devices.
Drag the handle to find breakpoints in your design.
-
⚡Work Offline
Test your websites without an internet connection with our Chrome App.
-
🔄LiveReload Compatible
When designing your site auto-refreshing can be a massive timesaver. We are pleased to say that Dimensions is compatiable with LiveReload. Just simply place the JS code on your pages and load it into Dimensions!
-
📱Device Preview
Dimensions features a "Preview Mode". This enables you to preview your design in various types of devices.
What is responsive design?
Responsive web design is a technique used to adapt your layout to different screen sizes. This is achieved through a mix of flexible grids, layouts, images and CSS3 media queries. As the user changes from their laptop to an iPad the website should automatically switch to accommodate the new screen size. In a nutshell the website should have the technology to automatically respond to the users browsing choice.
Using our responsive web design testing tool you can save hours of development time. Just use Dimensions throughout the development of your web design project.