[kwlug-disc] question for the website programmers

[Ronald Barnes]

CrankyOldBugger wrote on 2024-09-09 18:12:

> I've been voluntold to build a website for a Ukrainian refugee who's
> trying to start a cleaning business (cleaning homes).  One of the 
> features that she's asked for is an animated broom or feather duster
> that occasionally flies around the screen and annoys people.  It
> doesn't have to alter/change the page text; it just needs to pop in
> every now and then and fly around for a few seconds.

As others have said, it's a terrible idea.


However, some ideas that may help implement it...


Use a JS function to replace the cursor (CSS i.e. cursor:url(broom.png)) 
with an image on a timer / interval (setTimeout or setInterval) to 
toggle it on and off.


The image wouldn't exactly randomly fly across the screen, but it would
appear and follow the mouse then disappear.


Another thought might be to create an image with a position:absolute,
left: Xpx, top: Ypx; and use JS to move it across the screen.



Finally, there's a really great YouTuber called Hyperplexed who's not
only an experienced web dev, but very skilled video producer, has a
great voice, and even does entire videos in rhyme sometimes (including
sponsor message!).

He tends to find a site he really likes, and breaks down how to mimic it
in ~5 minute videos.

Quite possible his catalogue has something that may spark an idea or
two, and even if not, it's entertaining and informative.


https://www.youtube.com/@Hyperplexed

A couple notable examples:

> CSS tutorial, but it has to rhyme

> If Dr Seuss Made Programming Tutorials




There's a few videos with really interesting animations based upon mouse
movements in his catalogue.

rb