kello

knowledge + inspo collected by qurle
/ en
One of the cool examples is about universal transitions between icons through transparency, scaling and blur. And no lottie is needed.
I was always sure that the CSS property will-change was needed only for optimization on slow computers. It turned out that it helps the browser transfer the load to the video card, and it renders the first frames of animation better on any device.

Jakub Krechel writes a lot on animation on his website and shows examples (mostly with the Motion library). I recommend!
An article about cross-review of design in Samokat. All feedback is divided into categories: it needs to be fixed, it can be improved, it needs to be checked in a test ( this is interesting!) and everything is fine.
Cool article about how designers should stop taking on the tasks of product managers and start designing. Be advocates for users, creating aesthetic and innovative solutions.

The world doesn't need another mediocre product manager, but an outstanding designer.
Again about design engineering, now a post by Marcel Wichmann. I liked the beautiful site and well-expressed thoughts.

Here's a great summary of why design engineers even exist:
It's hard to find a developer who values ​​design techniques. And even if you find it, there remains a noticeable language barrier that puts a wall between the vision and the result.


He also says that designers will code and this is inevitable.
Beautiful notes from Flora Guo, and inside there are also good links to information about design engineers.
In subpixel fonts, the character width can reach up to 1 pixel, and the details of the letter are formed by the RGB components of the pixel.

I don't know if it passes accessibility standards, but it looks cool. Gleb, thanks for showing me!
Playground is a collection of content from the Nothing community (widgets, camera presets, equalizers).

Inside there is a vibecoder service for creating your own widgets.
Agent Interaction Guidelines — principles for the design and operation of AI agents from Linear.

In short: instant feedback, transparency, working with services through a standard interface, unstoppable, and the final responsibility always lies with the person.
I would like to present his case about Vercel separately.

Firstly, this is a very high-quality and succinct description that covers the design system, processes, identity and special projects.

Secondly, there are a lot of references to the cool dudes from this strong team. Both designers and developers.

Third, it is simply a neat and efficient design, delivered directly without special effects.
Glenn Hitchcock is a design leader who has worked at Sketch and Vercel and now runs a startup called poolside.
Emil Kowalski, who specializes in animation and fluidity, says that animations are not necessary. And it shows exactly when.
It is unlikely that you will have any apparent reason to make a video background with nature in the footer of the site. However, it catches attention quite well.
If you have an IR-sensitive sensor and don't have an IR filter in your camera, you can take infrared photos and it's very beautiful. The IR spectrum can be dominant in the photo or complement the usual visible one.

Aerochrome is a great name for Kodak's IR film for aerial photography. And also the name of the photo style in the spirit of those shot on this film.
The author of Making Software writes about interesting things at the intersection of design and engineering. He explains how Gaussian blur and blending modes work; what kind of code is written in SVG, and what are the benefits of Framer components.
Framer learned how to generate components. With properties and interactivity. When are we going to transfer from figma?