[kwlug-disc] [Possible phishing attempt] Re: question for the website programmers

Andrew Sullivan Cant mail at andrewsullivancant.ca
Sat Sep 21 01:41:39 EDT 2024


Hi Cranky,

Did you ever find a solution?

I have looked for this kind of thing before, and a search for "pure css 
animations" on your favourite engine, will turn up some list of 
examples. Many of which have code too.

These list have have a bunch of demos and code:
* https://devsnap.me/css-animation-examples
* https://freefrontend.com/css-animation-examples/
* https://frontendresource.com/css-animation-examples/

Maybe you will find something useful. And the rest of us can just scroll 
and marvel at what is possible in a little HTML and CSS. (Ok from what I 
have browsed, A LOT of CSS. ;) )

See you soon,
Andrew


On 9/11/24 14:47, CrankyOldBugger wrote:
> Oh, no apologies necessary.. I thought your MySpace comment was funny.  
> I do appreciate the help.
> 
> On Wed, 11 Sept 2024 at 14:42, Colin_ via kwlug-disc <kwlug- 
> disc at kwlug.org <mailto:kwlug-disc at kwlug.org>> wrote:
> 
>     __
>     My apologies I didn't want to sound pushy it was just an additional
>     detail to consider that I'm aware of outside of my earlier teasing
>     about a MySpace page.  I had hoped to just suggest that outside of
>     doing a gif or webm file somewhere that repeated unstoppable
>     animations are actual WCAG violations and can cause liabilities (if
>     you're looking for an excuse to dump on your client)
> 
>     September 11, 2024 at 11:35 AM, "CrankyOldBugger - crankyoldbugger
>     at gmail.com <http://gmail.com>"
>     <reply+xugcpcibjdtyrecsbwfrtnhhzpugah at simplelogin.co
>     <mailto:reply+xugcpcibjdtyrecsbwfrtnhhzpugah at simplelogin.co?
>     to=%22CrankyOldBugger%20-
>     %20crankyoldbugger%20at%20gmail.com%22%20%3Creply%2Bxugcpcibjdtyrecsbwfrtnhhzpugah%40simplelogin.co%3E>> wrote:
> 
>         This email failed anti-phishing checks when it was received by
>         SimpleLogin, be careful with its content. More info on anti-
>         phishing measure <https://simplelogin.io/docs/getting-started/
>         anti-phishing/>
> 
>         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 <mailto:kwlug-disc at kwlug.org>> wrote:
> 
>             September 11, 2024 at 5:28 AM, "Ronald Barnes via kwlug-disc
>             - kwlug-disc at kwlug.org <http://kwlug.org/>"
>             <ra+ufldbbsvjexizxayvqisniizm at simplelogin.co
>             <mailto:ra%2Bufldbbsvjexizxayvqisniizm 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 <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 <mailto:kwlug-disc-leave at kwlug.org>
> 
>              >
> 
>              > with the subject "unsubscribe", or email
> 
>              >
> 
>              > kwlug-disc-owner at kwlug.org <mailto: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
>             <mailto:kwlug-disc-leave at kwlug.org>
> 
>             with the subject "unsubscribe", or email
> 
>             kwlug-disc-owner at kwlug.org <mailto: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
>     <mailto:kwlug-disc-leave at kwlug.org>
>     with the subject "unsubscribe", or email
>     kwlug-disc-owner at kwlug.org <mailto: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.




More information about the kwlug-disc mailing list