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.

How does it work making a mobile version of an existing website?

Featured Replies

I don't know if i'm posting in the right place but I need for some one to spell this out,lol. My website doesn't look so good on mobile devices and I am majorly confused as to how I would make it compatible. Would I need to have a completely separate site? Would it work off the same url as my desktop site? Also, how important do you think it really is to go mobile?

Best thing would be implementing some Media Queries that target the size of the screen. Have a look at http://mobile.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/ to give you an idea. With this method you wouldn't need a separate site - just your existing one and it would work off the same url.

 

I'm of the Mobile-First persuasion and think if it's viable, to always develop for mobile. Have a look at this as well http://www.lukew.com/ff/entry.asp?933.

  • Author

Thanks for the pointers guys, there is so much info out there it can be difficult to know what is relevant unless you already know what you are doing. I'll take a look over the evening; thanks again.

What about this http://adaptive-images.com/ I can't see this being as good as using your own media queries cos it must just be loading the same images but resizing the hell out of them, unless I'm missing something.

 

If it has the brains to convert the images into new image sizes and all that jazz, then it must massively affect loading-time.

What about this http://adaptive-images.com/ I can't see this being as good as using your own media queries cos it must just be loading the same images but resizing the hell out of them, unless I'm missing something.

 

If it has the brains to convert the images into new image sizes and all that jazz, then it must massively affect loading-time.

 

Haven't used this yet, but on my bookmarks. Really good option for images and responsive design in general :)

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.