The Whimsical Website Club
whimsical.club
whimsical.club
The logic behind the little birds: they are DIVs with CSS animated on a cubic path up-and-down, while their ::after is getting animated on a different cubic path left-to-right. The result of 2 separate axis animations: They do a loose figure-8 path that's different each pass.
That CSS code is here: https://github.com/simonsarris/site-simonsarris/blob/master/...
I am currently trying to make my site background considerably more ridiculous by re-implementing in canvas, with lots of interaction and a night/day sequence, and custom buildings. The rebuild so far is open source here: https://simonsarris.github.io/simeville/
Click the button to build a town. Drag the sun down to see night time (and the constellations). I need to spend a lot of time working on the art, but I'm not a very good artist yet.
It's also making me realize how dependent† I've become on search engines. Don't get me wrong, they are great at what they do, but seeing these curated list of sites definitely reminds me of the late 90's where directories were still a thing.
†: ie. lazy.
I'm personally most excited to to watch the return and rise of niche self-run communities that were greatly supressed during the early days of social media.
Software has gotten so boring. OSX used to have a ton of fun weird little things (like the poof when you removed an app) that have all been removed. Same with Google. I miss it.
One of our company values is "Err on the side of whimsy," and it's my far my favorite one... life's too short to not make things a bit weird fun and interesting.
(Also, for people who haven't seen it, also check out https://littlebigdetails.com/ )
Tell your designers for me to bank on that visual language and stay away from "corporate clip-art". <smallrant>It's funny to me how even start-ups (who claim "personal touch" as an edge in their service) utilize the blandness of Alegria.</smallrant>
I also document a bunch of other stuff like screenshots of different websites and try to classify them in a meaningful way.
Still a long way to go for this to become what I want it to be but it might be helpful for someone here. Here is the landing page to understand a little bit better what I'm trying to do with this: https://www.waveguide.io/
Thanks for the work and sharing!!
The whimsical website club aims to "showcase how a more personal web could look", and highlights the weird, unique, and non-traditional things about these creative's websites. The whole idea is about moving away from corporate boringness.
Waveguide, meanwhile, seems to be covering very 'corporate' UX patterns that could (and should?) be used in the business world.
Those things seem completely different and at odds with each other, so I'm not really sure why you think waveguide is related (other than wanting to self-promote for it's own sake?).
Yeah. Self-promoting but I definitely think is related because it documents this little details that increase the delightfulness of the website.
I once made a site devoted to McGriddle fan fiction that has a cool McGriddle gif, and each layer of the McGriddle image hides a surprise. http://blueskiesabove.us/mcgriddle/ Not sure if that's whimsical or...
[1] Check it out: https://desfontain.es/
Here's the twitter thread about their logo: https://twitter.com/jameswillweb/status/999052022497316865
The best whimsical site I've seen in a while is https://hannahblair.co.uk/ , she made a whole Windows 95 Desktop remake as her personal site, including some remakes of some classic software, it's really amazing!
I guess retro isn't just to satisfy nostalgia.
Nice work!