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.

Designing for Mobile / Tablet

Featured Replies

Hey WDF,

 

We're just about to properly expand into mobile design and was looking for some advice.

 

A friend of mine uses Artisteer a lot for some of his low budget jobs, and was showing me the way it automatically "mobilizes" depending on the screen size, which is OK I guess but I don't like the idea too much on it changing just depending on what size the screen is.

 

Can anyone recommend any good articles on detecting and changing the website if it's loaded on a mobile / tablet / computer. So I can build 3 websites in effect which will be different depending on what its loaded on.

 

Thanks!

 

- Nemo

Responsive web design is the way forward. Building 3 different websites is often a waste of time and a frustration to the end user who will struggle to find content on their mobile device.

 

Look into responsive web design - it's no new concept and is all over the web. In short, a responsive website design will adapt to any screen size, and still be fully functional/accessible.

 

There are several frameworks that will speed up your development time. Look into Twitter's Bootstrap for a very simple, easy-to-get-into responsive framework.

Edited by andy9l

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.