[kwlug-disc] question for the website programmers

[Chris Frey]

A transparent GIF that's overlayed over the logo at startup
sounds like something that could work.

Otherwise, I think you're stuck with animations with javascript.

- Chris


On Wed, Sep 11, 2024 at 11:35:17AM -0400, CrankyOldBugger wrote:
> 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...
> 
> 
> On Wed, 11 Sept 2024 at 11:29, Colin_ via kwlug-disc <kwlug-disc at kwlug.org>
> wrote:
> 
> > September 11, 2024 at 5:28 AM, "Ronald Barnes via kwlug-disc - kwlug-disc
> > at kwlug.org" <ra+ufldbbsvjexizxayvqisniizm at simplelogin.co> wrote:
> >
> > Ultimately constant animations you can't stop are web content
> > accessibility violations.
> >
> > >
> > > 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
> > >
> > > _______________________________________________
> > >
> > > kwlug-disc mailing list
> > >
> > > To unsubscribe, send an email to kwlug-disc-leave at kwlug.org
> > >
> > > with the subject "unsubscribe", or email
> > >
> > > kwlug-disc-owner at kwlug.org to contact a human being.
> > >
> >
> >
> > _______________________________________________
> > kwlug-disc mailing list
> > To unsubscribe, send an email to kwlug-disc-leave at kwlug.org
> > with the subject "unsubscribe", or email
> > kwlug-disc-owner at kwlug.org to contact a human being.
> >

> _______________________________________________
> kwlug-disc mailing list
> To unsubscribe, send an email to kwlug-disc-leave at kwlug.org
> with the subject "unsubscribe", or email
> kwlug-disc-owner at kwlug.org to contact a human being.