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.

Backgrounds

Featured Replies

What is the best practice for website backgrounds?

 

I know it depends on what effect you want to acheive, but do you normally use a bg colour, vertically tiled images (if so how high/wide is the original image), x and y tiled image (what size), or a full background image (if so what dimensions?).

 

I have tried a few with a 960 background image in a centered 960 'main' div tag, and then set up a tiled 'outer' background that fills the remainder of the container.

 

Thanks

  • 2 weeks later...

Might be giving you the overly simplistic answer here.

 

If you're tiling an image then you really just need to set 100% width and height on the containing element. That way it'll scale with the browser.

  • 1 month later...

It depends on the background texture/photo and the area they will cover, you can have textures from 2px X 2px to what ever dimensions, and positioning you want, however I will recommend not to put a tiled texture to small in a larger area like a full screen since the browser will need to use larger amount of computer resources to fill it, therefore the overall rendering speed of your website will decrease.

 

cheers,

 

wolfitoXtreme

Remember bud, you don't want a busy background really.

Sometimes you need to use a large image. but problem occurs on different resolutions. but there is also a solution available on many website where you can stretch the background image. this way you wont need to make a very large image, and on all resolutions full background image can be viewed.

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.