Without the presence of devices, it allows you to check the display of the site layout at the same time on several screens, as well as compare the layout with design layouts. We will tell you more about the capabilities of the service in the comments.
Thank you so much for that tool! I didn't even know I need this. Since I'm building my web app in Flutter 2.0 I had been resizing browser window size all the time 😂 I will be using it a lot. Love the fact that all frames are scrollable 👍
Service capabilities
1. Viewing on different screen sizes. For convenience, it is possible to filter out devices by type and select the required number of devices to display.
2. Customizable screen size. In case your device is still not in the proposed list.
3. Page scaling. Allows you to display the maximum number of devices on one screen or maximize one of them.
4. Displaying iOS panels. The ability to display the panel in order to see how the elements are being displaced on the screen. Available types of panels: floating, hidden, fixed.
5. Changing of the device orientation. Sometimes it is useful to look at the layout in the horizontal orientation.
6. Adjustable screen height. Allows you to view the site in a full height without scrolling inside the screen of a specific device. Convenient to use for a fast checkout.
7. Scrolling disabling. Used in conjunction with an adjustable screen height.
8. Comparison of the site layout with the design layout. This feature is primarily useful for designers and layout designers, with its help you can check pixel perfect.
• You can upload the layout via Drag & Drop or the classic "Browse" button
• The service determines the dimensions of the layout, thereby choosing the desired device for testing.
• Selecting a device from the list.
• Unlimited number of guides for more accurate comparison of the actual layout with the design layout
• Vertical guides are synchronized automatically
9. Comparison of several sites. It allows you to compare visually two or more sites. Sometimes it is useful to see what blocks are on competitors’ page, the order they are located, etc.
Additional features:
• History. Next to the field for entering the site address, there is a "history" button that allows you to view previously tested sites / pages. The history can be edited - to clear completely or delete unnecessary addresses selectively.
• W3C validator. In the upper right corner there is an error validator in the html-code of the site, which displays the result of the check, and when you click on the results, it allows you to go directly to viewing all available errors.
• Google PageSpeed. It allows to check the loading speed of the pages of the checked site without leaving the "I love adaptive" service.
• Chrome extension. Some sites can block the display of their resources in an iframe; to bypass this limitation, we have developed an extension for the Google Chrome browser.
I Love Adaptive
I Love Adaptive
I Love Adaptive