<div dir="ltr"><div>OK, maybe I wasn't clear.. I don't want some animation that's designed to annoy everyone..  Just a sort of poof! welcome to the website sort of deal.  I think I mentioned "every once in a while" but that was misleading.. perhaps more so "on every page load".  Basically what the client wants is either a feather duster that hits the logo, or a broom that flutters around just at page load..  it's a house cleaning business that we're trying to write for, so just something that sparkles in a way...</div><div><br></div></div><br><div class="gmail_quote"><div dir="ltr" class="gmail_attr">On Wed, 11 Sept 2024 at 11:29, Colin_ via kwlug-disc <<a href="mailto:kwlug-disc@kwlug.org">kwlug-disc@kwlug.org</a>> wrote:<br></div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex">September 11, 2024 at 5:28 AM, "Ronald Barnes via kwlug-disc - kwlug-disc at <a href="http://kwlug.org" rel="noreferrer" target="_blank">kwlug.org</a>" <<a href="mailto:ra%2Bufldbbsvjexizxayvqisniizm@simplelogin.co" target="_blank">ra+ufldbbsvjexizxayvqisniizm@simplelogin.co</a>> wrote:<br>
<br>
Ultimately constant animations you can't stop are web content accessibility violations.<br>
<br>
> <br>
> CrankyOldBugger wrote on 2024-09-09 18:12:<br>
> <br>
> > <br>
> > I've been voluntold to build a website for a Ukrainian refugee who's<br>
> > <br>
> >  trying to start a cleaning business (cleaning homes). One of the > features that she's asked for is an animated broom or feather duster<br>
> > <br>
> >  that occasionally flies around the screen and annoys people. It<br>
> > <br>
> >  doesn't have to alter/change the page text; it just needs to pop in<br>
> > <br>
> >  every now and then and fly around for a few seconds.<br>
> > <br>
> <br>
> As others have said, it's a terrible idea.<br>
> <br>
> However, some ideas that may help implement it...<br>
> <br>
> 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.<br>
> <br>
> The image wouldn't exactly randomly fly across the screen, but it would<br>
> <br>
> appear and follow the mouse then disappear.<br>
> <br>
> Another thought might be to create an image with a position:absolute,<br>
> <br>
> left: Xpx, top: Ypx; and use JS to move it across the screen.<br>
> <br>
> Finally, there's a really great YouTuber called Hyperplexed who's not<br>
> <br>
> only an experienced web dev, but very skilled video producer, has a<br>
> <br>
> great voice, and even does entire videos in rhyme sometimes (including<br>
> <br>
> sponsor message!).<br>
> <br>
> He tends to find a site he really likes, and breaks down how to mimic it<br>
> <br>
> in ~5 minute videos.<br>
> <br>
> Quite possible his catalogue has something that may spark an idea or<br>
> <br>
> two, and even if not, it's entertaining and informative.<br>
> <br>
> <a href="https://www.youtube.com/@Hyperplexed" rel="noreferrer" target="_blank">https://www.youtube.com/@Hyperplexed</a><br>
> <br>
> A couple notable examples:<br>
> <br>
> > <br>
> > CSS tutorial, but it has to rhyme<br>
> > <br>
> >  If Dr Seuss Made Programming Tutorials<br>
> > <br>
> <br>
> There's a few videos with really interesting animations based upon mouse<br>
> <br>
> movements in his catalogue.<br>
> <br>
> rb<br>
> <br>
> _______________________________________________<br>
> <br>
> kwlug-disc mailing list<br>
> <br>
> To unsubscribe, send an email to <a href="mailto:kwlug-disc-leave@kwlug.org" target="_blank">kwlug-disc-leave@kwlug.org</a><br>
> <br>
> with the subject "unsubscribe", or email<br>
> <br>
> <a href="mailto:kwlug-disc-owner@kwlug.org" target="_blank">kwlug-disc-owner@kwlug.org</a> to contact a human being.<br>
><br>
<br>
<br>
_______________________________________________<br>
kwlug-disc mailing list<br>
To unsubscribe, send an email to <a href="mailto:kwlug-disc-leave@kwlug.org" target="_blank">kwlug-disc-leave@kwlug.org</a><br>
with the subject "unsubscribe", or email<br>
<a href="mailto:kwlug-disc-owner@kwlug.org" target="_blank">kwlug-disc-owner@kwlug.org</a> to contact a human being.<br>
</blockquote></div>