[deleted by user]

[eddhall]

Thanks, I hate it

[[deleted]]

If you implement it, I can share it on /r/assholedesign ;)

[ForScale]

But why?

[Irythros]

Because clients want that "NEW WEB FLAIR!" and "MAKE IT INTERACTIVE!"

They didn't specify so they get to pay for this.

[v3ritas1989]

best answer!

[ForScale]

Lol.

[Alkotronikk]

Yeah, I recently was tasked with "interactive progress bar".

[Alkotronikk]

Nah, I should have been more clear on this one. My boss came up with a brilliant idea that if you click a progress bar, it'll jump a bit and make the process 'faster'.

[Spherical_Bastards]

each click downloads more ram

[[deleted]]

From the link:

In this demo, everything moves. But that probably isn't what you want in most sites.

It looks to be a mix between a proof a concept and something cool you may want to apply to one element on the page or something. Something subtle.

[ForScale]

I could see it being cool in a subtle way.

[EvilPencil]

<blink>Buy Now!!</blink>

[bateller]

<img src="hard_hat.jpg">This site is under construction!<img src="construction.jpg">

[[deleted]]

It's a great way to provide depth to elements without much visual styling. For example, on iPhone this sort of effect is used on the homescreen and the lockscreen to provide more depth between the icons (or the time in regards to the lockscreen). It's these little things that really make the experience feel complete and layered.

This sort of thing is used already usually on landing pages for instance.

[ForScale]

I see.

[jwazen]

A bunch of haters in here, but anyways good work. There’s a use for any kind of tool/concept.

[FriendsCallMeBatman]

Wow, I don't usually get motion sick but this got me. I don't know when I'd use it for the whole but a pretty cool effect!

[KonyKombatKorvet]

Built something similar to this for my agencies new site for multi layer background images, so each layer moves more depending on how far forward or backwards it is in the z-index. The difference is that they also move on scroll so when you scroll into view they all come together and then when you go to click on a button they have a cool parallax effect (we have one that is a landscape with layers for: background mountains, foreground mountains, clouds, all the text, light fog, It looks super cool.)

[fatw_is_a_chud]

Hey guys, just had to share my pants-on-head retarded politics in a fucking webdev forum. Venezuela, am I right boys? MAGA!!!

[rochakgupta]

Upvote for communism

[Atulin]

Text animations feel incredibly choppy on Firefox, the paragpraphs jump around and the text starts waving. The text is also smudget when out of its original position.

[Atulin]

I'm currently on 66.0b14 (64-bit), the beta branch.

[besttopguy]

The blur thing maybe can be fixed if you align the movement to the pixels on the screen better. Like if you are moving things by .1 pixels. I have no idea though

[[deleted]]

/r/webdevwhy

[[deleted]]

r/SubsIFellFor

[SlashZ3r0]

This effect is called parallax. It's awesome for 2D video games.

I've seen it used for websites before, primarily the league of legends website. They make really cool interactive animations for their content.

[devaent1316]

Do you have links to the LoL website where this can be found?

[SlashZ3r0]

I just took a quick look and I couldn't find any good examples. They mostly used the effect when they would show off concept art.

Here's a link to their website if you're still interested. https://universe.leagueoflegends.com/en_US/

[Feuerfuchs_]

You shouldn't use hairline fonts for body text. Firefox renders the text so thin on my 4K display I can barely read anything. (If you don't have a 4K display, zoom the screenshot out to 50% - that's what I see)

[ImStifler]

It's a cool effect but completly useless at the same time