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.

Pedro

Privileged
  • Joined

  • Last visited

  1. Pedro replied to Pedro's topic in General Chat
    Anyone?
  2. Pedro replied to Pedro's topic in General Chat
    Hey man But it needs to be transferred by the dude who originally bought the product, right? He's long gone.......
  3. Pedro posted a topic in General Chat
    Hello a friend is selling a brand new MacBook Pro, sealed and all that. A friend of his bought and sold it to him.. I think the whole deal was a bit dodgy, but not 100% sure My Questions is, will this laptop come with Warranty? Does anyone know how it works? Because I have no idea. Thanks
  4. haha thanks! cheers for mentioning!
  5. Me and a friend built Kisstagram
  6. I think it depends on how it is designed. But anyway, the media queries should still work after removing it.
  7. but if you are optmising your site for iPad, will the users need to zoom in? I guess it depends on how much of a layout/design change is happening...
  8. Did you add the following code in your <head> tag? <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" /> <meta name="viewport" content="width=device-width; initial-scale=1.0"> ?
  9. It's working just fine. Reason you get the horizontal scrolling is because you are using a fixed width (px) That's why when most people are doing design for small screens, when it gets below a certain width, (usually less than the 600 mark) they change to liquid design (using %).
  10. It's not about maths, it's just knowing the different resolutions for different devices.
  11. Well, if you look at the source you will see the media queries he is using for iPhone portrait/landscape. iPad portrait/landscape, a normal laptop resolution, and then a iMac 27" (massive screen) resolution. Just copy and paste the media queries you need, look at the measurements he's using for each.
  12. Man this will help you understand. http://www.thismanslife.co.uk/projects/lab/responsiveillustration/
  13. posted in wrong page!
  14.    Pedro reacted to a post in a topic: A question
  15.    Pedro reacted to a post in a topic: CSS3 Toaster animation!
  16.    Pedro reacted to a post in a topic: Vintage Record Player
  17.    D.Schuster reacted to a post in a topic: Vintage Record Player
  18. In every browser it will only play once. Refresh to play it again. Thats a good point but the point is to do it in CSS3 Thanks man!

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.