Just decided to share a few interesting links, mostly about frontend development.
Wodniack portofilio
Really great portfolio, a lot of interesting effects! I miss the days when more people were creating little masterpieces like that. Wodniacki also has a pretty good portfolio on codepen if you would like to see his works here is the LINK. Besides all great and tasteful effects, I really love his approach to coding - simple classes where needed, many comples animations and effects hidden in simple math (simplicity is the ultimate complexity!).
CSS color interpolation methods
It often happens that colors in CSS gradients are... not so great? You can fix this by playing with color interpolation methods! Here is the LINK to official documentation on MDN.
If you want to see difference take a look on the below example. It will be probably different depending on device, but srgb will be most likely more "smoot", and oklab should be smooth as well as more... toned? Yeah, let's go with this description.
linear
srgb
oklab
CSS for the above example:
.g1 {
background:linear-gradient(to right,red,blue);
}
.g2 {
background:linear-gradient(in srgb to right,red,blue);
}
.g3 {
background:linear-gradient(in oklab to right,red,blue);
}
If you would like to play with colors more, I really recommend looking at colo-mix
Delete your cloud
I'm talking about THIS article by DAVID HEINEMEIER HANSSON, creator of Ruby on Rails. And I like it. I mean, I'm not saying that all cloud is bad, and I understand why ppl like cloud (disaster recovery, you don't have to take care about hardware, security etc.) but I really hate providers like AWS and GCP. These are monopolies selling cheap solutions for lazy devs. I see them like a cheap market full of chinese plastic. DX is terrible, UI is even more terrible and everything is designed to increase vendor locking. AWS is so complicated and tangled in all ways that they even created own AI to deal with it. These are just examples from the top of an iceberg.
Container Queries
I've been waiting for this probably since the beginning of my career! Container queries are here! LINK
What is container query? Basically a media query, but based not on device screen size, but on parent element size! So, thanks to this, now we can create even more responsible designs!