Glassmorphism, Neumorphism, and Claymorphism by CSS.
I'll write it down here so that I don't forget, as I'm sure I'll need it again later.
Glassmorphism CSS Generator
This service generates CSS code for Glassmorphism or blur effects:
https://hype4.academy/tools/glassmorphism-generator
Only the outer margins are missing there, so I'm adding them to the resulting code by myself:
padding: 20px;Neumorphism CSS Generator
The service from the same hype4.academy. Also free (at the time of writing).
Neumorphism is the blurring, angle, and shadow intensity of an object for its highlighting.
In short, it can be very beautiful if done well. For questions about padding, see above.
https://hype4.academy/tools/neumorphism-generator
Claymorphism
I haven't tried it myself, but it's clearly a useful tool, and it's located on the same website.
https://hype4.academy/tools/claymorphism-generator
Smart WebP, PNG and JPEG compression
A service that effectively compresses images for the web. Search engines love optimized pages, and people do too.
The service is on a separate domain, but it's created by the same developers. The website also offers a vast list of plugins/modules for integration with content management systems (CMS).