Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Visual comparison web page design: help!

Featured Replies

Hi, 

I would like to create a web page for the purpose of comparing a number of items in a visual style, where I can filter which are visible depending on selectable parameters.

The most similar example of how I would like the page to work is like google maps. There items are located by position on the page, you can change what you’re looking for to show only desired options (e.g. restaurants, hotels etc), & while items are initially shown as small points, when clicked they pop up a box with more information. 

I would like the background to be an image on which I can arrange the items in locations based on their properties (e.g. width & height) so each is easily compared to the others when the page is viewed.

I have been trying to find examples of pages like this or methods that others have used to build this but with no luck! Can anyone help me with some ideas of how this might be achieved?

Thanks!

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.