Design Engineering Tip
Your tooltip doesn’t always end up where you placed it?
When it reaches the viewport edge, the browser automatically chooses a fallback position. Anchored Container Queries let your CSS detect that chosen position, so your tooltip can animate from the correct direction.
@ container anchored(fallback: flip-block) {
.tooltip {
animation-name: slide-from-top;
}
}
Thanks to AI we can now move way faster to actually trying things in code, and it’s great.
Exploration in design tools is obviously needed too, but by being able to touch the UI you can experience it instead of just imagining how it would actually feel.
Art-directed prompt system [v02] / GPT Image 2
I built a 3-variable prompt system for turning any brand logo or symbol into a realistic metallic 3D object - without rebuilding the material, lighting & structure
Tip:
To generate your own logo - add it as a ref image
Prompt 🔽