The most amazing imo is the `d` attribute of an svg element
Fun fact about SVGs: you can drop-shadow an SVG and it will work fine. See https://poggers.website
Surprising things that CSS can animate (2020)
41–48 of 48 posts
Re: Surprising things that CSS can animate (2020)
#42Earlier quoted context omitted.
You can have exquisite presentation with good choices of text, formatting and typography (including judicious use of colour, spacing and even animation and textures). A luxury printed book full of beautiful details will feel much better than a cheap paperback. The best techniques can be applied in subtle ways to improve the overall presentation, without resorting to flashy showcases.
I agree with you. I'd love to see good examples of that, because I struggle to create that sort of websites. For example, how would you redesign the Python docs to feel like a beautifully typeset book does?
Information can be beautiful on its own, if you follow some common patterns about contrast, clustering and hierarchy. These are based on the principles of Gestalt [1] which engineers can learn without having artsy skills by watching books and courses specific for us, e.g. [2].
Do you know about Edward Tufte? His work doesn't revolves specifically about software, but his principles show how to present technical information in the clearest way, and his books [3] are beautiful examples on how to put a technical topic in book form with clean and beautiful layouts.
[1] https://www.interaction-design.org/literature/topics/gestalt...
[2] https://medium.com/bigcommerce-developer-blog/design-for-dev...
Re: Surprising things that CSS can animate (2020)
#43Earlier quoted context omitted.
Why the weird cypher requirements? Blocking like 65% of users seems like a very weird choice.
Weird because that's the strongest setting used with the fewest (zero) vulnerabilities there.
But it's not supported by Chrome? Why not use a cyphersuite that is supported and also has zero vulnerabilities: TLS_AES_128_GCM_SHA256
Re: Surprising things that CSS can animate (2020)
#44Earlier quoted context omitted.
You can have exquisite presentation with good choices of text, formatting and typography (including judicious use of colour, spacing and even animation and textures). A luxury printed book full of beautiful details will feel much better than a cheap paperback. The best techniques can be applied in subtle ways to improve the overall presentation, without resorting to flashy showcases.
I agree with you. I'd love to see good examples of that, because I struggle to create that sort of websites. For example, how would you redesign the Python docs to feel like a beautifully typeset book does?
A lot of Python docs are in fact pretty well designed to resemble a book without completely breaking the fluidity of the web page. They use serif fonts, apply font weights and colors subtly. In fact I think they strike the right balance between just being a regular webpage and completely succumbing to the constraints of the book as media.
Re: Surprising things that CSS can animate (2020)
#45I always love seeing tricks like this from designers but then I never see anything this cool on the web otherwise. Where do all these great designers work and why don't I ever get to see the products they make?
Half of these don't work on safari even in a isolated demo. Compatability is probably a big reason
Re: Surprising things that CSS can animate (2020)
#46Yeah, I too had fun with CSS and curvy circular text animation. https://egbert.net/blog/index.html (Sorry, web access is only HTTP/1.1-3, TLSv1.3 and ChaCha-only, no Chrome access possible)
It's weird being able to highlight animated text like this
It's very cool that on Android the text selecting tabs will even rotate around too with the text
Re: Surprising things that CSS can animate (2020)
#47Earlier quoted context omitted.
Weird because that's the strongest setting used with the fewest (zero) vulnerabilities there.
But it's not supported by Chrome? Why not use a cyphersuite that is supported and also has zero vulnerabilities: TLS_AES_128_GCM_SHA256
I would be repeating myself.
Re: Surprising things that CSS can animate (2020)
#48I always love seeing tricks like this from designers but then I never see anything this cool on the web otherwise. Where do all these great designers work and why don't I ever get to see the products they make?
What do you think of The Pudding (https://pudding.cool/)? They make beautiful “visual essays”. Unlike some fanciful animated sites, I feel like The Pudding’s design and animation complement the text to make the result ‘greater than the sum of its parts.