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.

Have Anyone Seen This? (background Moving)

Featured Replies

Hello Everyone,

 

Today I just found a website http://www.volll.com/ (wonderful website i can say that)..and it has some moving background and little bit flash,, i just wonder how can i doing a moving background like that?? or has someone build something like that?? can you tell me how?? :)

It's fairly simple, it is just a animated gif image that is being used as the background. The hard part is designing the gif image and positioning them where you want to. They have done it in a really hard manner. From what it seems they used seperate gif image for each animation. I think they are trying to save the loading time. I say they did a real great job on that site.

 

//EDIT --> Ah just noticed it right now. They also used javascript to make stationary images jump. There are somethings I could that could be done with JS and some that cannot (such as the blinking eye). What I could bet is that it took the designer a while to make the layout.

Blimey what a weird website! All on one page but takes no time to load. Wicked!

I've been a fan of this website for a while, it's stunning and loads amazingly fast for such a complex looking designing. Definitely a lot of mad skills behind it!

This is a bloody marvellous website! I'm impressed. It loads quickly even on my machine, and that's saying something!

  • Author
It's fairly simple, it is just a animated gif image that is being used as the background.
yeah...i was thinking like that too...but...its not. i noticed it when i download all images and javascript(its not piracy right?? :) )from there...that the stars and clouds is not a .gif animated file. its a javascript work...nice ehh...
They also used javascript to make stationary images jump. There are somethings I could that could be done with JS
WOW...can you show me the code??(a simple one its ok) or some link to make smooth jumping animation like that??

 

Blimey what a weird website! All on one page but takes no time to load. Wicked!

the most scary part is knowing that my skills is still beyond below. and just can say "WOWW"

 

That truly is a great site, I like the way the screen flies in from the top - nice touch!

i agree...and if you notice..the small door is clickable too...

Faaaantastic, so impressive ! As practice I may try my hand at replicating a website like this - such a learning opportunity !

Yes, it's an incredibly impressive design. I believe it uses a lot of JavaScript for its functionality but yet everything loads amazingly quickly considering its all one page. I first saw this site when I was looking through this article and have loved it ever since. It's been added to my bookmarks under the inspiration folder!

Blimey what a weird website! All on one page but takes no time to load. Wicked!

 

thats AJAX for ya, it would be more effective if they hid the scrollbar somehow.

  • Author
I first saw this site when I was looking through this article

hehehehe...me too :p.. there is a lot more inspiring design in there...but i truly love on this one...

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.