Jakub Krehel's banner

Jakub Krehel

@jakubkrehel • 16,734 subscribers

@interfere_, https://t.co/ByWs6AAPoi

Shorts

If elements ever shift unexpectedly by a few pixels during an animation and you can’t figure out why, try using the `will-change` CSS property. It promotes the element to its own GPU compositing layer. Use it sparingly though, since overusing it can hurt performance.

If elements ever shift unexpectedly by a few pixels during an animation and you can’t figure out why, try using the `will-change` CSS property. It promotes the element to its own GPU compositing layer. Use it sparingly though, since overusing it can hurt performance.

138,776 görüntüleme

One of the first three issues that Interfaces launched with is about reviewing and watching back animations. I find it super helpful when an animation feels off and I can’t tell why or when I’m trying to understand what actually happens in an animation.

One of the first three issues that Interfaces launched with is about reviewing and watching back animations. I find it super helpful when an animation feels off and I can’t tell why or when I’m trying to understand what actually happens in an animation.

55,675 görüntüleme

If you ever feel like the gradients you're using are dull or muddy, try using OKLCH colors instead. In OKLCH, hue is angular, which means that the colors the gradient passes through are different compared to sRGB.

If you ever feel like the gradients you're using are dull or muddy, try using OKLCH colors instead. In OKLCH, hue is angular, which means that the colors the gradient passes through are different compared to sRGB.

280,662 görüntüleme

We’ve been spending way too much time on this sidebar with Paul Faivret . We re-structured the Interfere navigation, so we added this subtle animation to transition between the two layers.

We’ve been spending way too much time on this sidebar with Paul Faivret . We re-structured the Interfere navigation, so we added this subtle animation to transition between the two layers.

71,039 görüntüleme

I’ve migrated all my projects to `oklch()`. Since it's perceptually uniform, equal value changes look visually consistent, unlike other color models. You don’t need to manually handpick colors to match. You can just change the values and the model keeps them uniform.

I’ve migrated all my projects to `oklch()`. Since it's perceptually uniform, equal value changes look visually consistent, unlike other color models. You don’t need to manually handpick colors to match. You can just change the values and the model keeps them uniform.

114,487 görüntüleme

Working on some fun components for the inbox view

Working on some fun components for the inbox view

76,679 görüntüleme

A quick way to improve how text behaves in your app is to use `text-wrap: balance`. It distributes text evenly across each line, avoiding orphaned words. It is only supported for a limited number lines (<6-10 depending on the browser), which means it's best used for headings or short paragraphs.

A quick way to improve how text behaves in your app is to use `text-wrap: balance`. It distributes text evenly across each line, avoiding orphaned words. It is only supported for a limited number lines (<6-10 depending on the browser), which means it's best used for headings or short paragraphs.

58,413 görüntüleme

Details from the new Interfere website

Details from the new Interfere website

25,444 görüntüleme

`clip-path` buttons

`clip-path` buttons

40,745 görüntüleme

Working on some fun animations this week

Working on some fun animations this week

24,181 görüntüleme

Been working on a sign in dialog for a while now

Been working on a sign in dialog for a while now

72,722 görüntüleme

Animated stroke-dasharray

Animated stroke-dasharray

24,298 görüntüleme

I've recently been experimenting with oklch and I made this little tool that helps generate, explore and preview colors.

I've recently been experimenting with oklch and I made this little tool that helps generate, explore and preview colors.

33,505 görüntüleme

Experimenting with dropdowns

Experimenting with dropdowns

25,134 görüntüleme

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

/make-interfaces-feel-better npx skills add jakubkrehel/make-interfaces-feel-better

/make-interfaces-feel-better npx skills add jakubkrehel/make-interfaces-feel-better

617,195 görüntüleme • 1 ay önce

Introducing Interfaces A design engineering magazine about building great interfaces. A new issue is released every month covering topics across animation, typography, layout, color and everything else that makes an interface feel great.

Introducing Interfaces A design engineering magazine about building great interfaces. A new issue is released every month covering topics across animation, typography, layout, color and everything else that makes an interface feel great.

231,862 görüntüleme • 22 gün önce

/oklch-skill Work with colors as we see them. Convert, migrate, generate palettes, check contrast and more. npx skills add jakubkrehel/oklch-skill

/oklch-skill Work with colors as we see them. Convert, migrate, generate palettes, check contrast and more. npx skills add jakubkrehel/oklch-skill

43,431 görüntüleme • 1 ay önce

Motion Gestures

Motion Gestures

22,478 görüntüleme • 7 ay önce

Daha fazla içerik yok.