daniel petho
2.4K posts
daniel petho
@nonzeroexitcode
design engineer @krea_ai
🌐 Katılım Mart 2021
659 Takip Edilen7.8K Takipçiler
pro tip: train a lora on your brand's illustration style
now generating on brand images is just one click
English
i don't subscribe to the idea that you necessarily must be an expert in something to critique it.
If you feel something is not quite right, that's valid! the next step is noticing or trying to get specific as to why it feels off, what might be causing it. And then, try 20 more iterations and notice when it starts to feel better or worse.
English
has anyone been able to successfully replicate this when working by yourself
joshpuckett@joshpuckett
To achieve excellence, you must build a culture of critique.
English
@joshpuckett @somanna_bu but if i lack the required experience i won’t know what to critique, no?
plus, sometimes i can feel that something is bad / not there yet, but can’t exactly pinpoint why, or what to improve
English
@somanna_bu yes; you just do the same things with yourself rather than a team.
Make → critique → refine → critique... 🔁
English
@rpavlini sick one too
is it a canvas anim or some svg magic?
English
@artur_bien ah yeah i already commented under that post too lol
super nice!!
English
@nonzeroexitcode Yes it already does! Here’s a demo running on iOS Safari:
Artur Bień@artur_bien
Yup the Lightbox component primitives I’m building will support zoom gestures that you know from apps like Messenger or iMessage: - double tap to zoom in and out - pinch to zoom, pan to move - bounce-back when zoom limits are reached Here’s a demo running on iOS Safari
English
Building a Lightbox library for React ✨
Should it support the swipe to close gesture on trackpad?
It’s kinda cool and feels great but most users will probably never figure it out.🤔
English
@irisivanyi same!
i wish i discovered this site much much earlier…
English
@artur_bien wow this looks v promising
are u building it for react?
English
Yup the Lightbox component primitives I’m building will support zoom gestures that you know from apps like Messenger or iMessage:
- double tap to zoom in and out
- pinch to zoom, pan to move
- bounce-back when zoom limits are reached
Here’s a demo running on iOS Safari
Ozgur Ozer@ozgrozer
@artur_bien @radix_ui @shadcn so smooth. i'd use it. not sure it has but needs a zoom in/out feature for large images.
English
@adelbucetta you would def need a more complex selector / css rule, or if it's too complex just handle it with js
English
@nonzeroexitcode but the real question is what happens when you have nested menus with multiple hover states does this solution scale or do you need something more robust to handle complexity?
English
this effect can be achieved using only css by combining the :has() and :not() pseudo-classes:
`.menu:has(.item:hover) .item:not(:hover) {
filter: blur(8px);
}`
which simply means:
when a menu has a hovered item, blur every item inside it that isn't being hovered
English
@MrBye32 yeah fair unfortunately
i'm wondering a lot these days if there is any point learning these kind of things now lol
English
@nonzeroexitcode we used to do this before AI, but right now, nobody cares 🥲
English
@ridafkih nooo it's not lame, i'm super happy when people are correcting these posts, i'm learning a lot!
and it def matters, otherwise i could have just used js for this, ty!
English
I stopped being so `:𝚑𝚊𝚜()` happy, as fun as it is to use.
The parent wastes effort deriving the same unchanged condition every time the descendent hover state changes.
.𝚖𝚎𝚗𝚞:𝚑𝚘𝚟𝚎𝚛 > .𝚒𝚝𝚎𝚖:𝚗𝚘𝚝(:𝚑𝚘𝚟𝚎𝚛) {
𝚏𝚒𝚕𝚝𝚎𝚛: 𝚋𝚕𝚞𝚛(𝟾𝚙𝚡);
}
This flags from the parent and saves the subtree rescan.
Lame, I know ... but in complicated or busy layouts, it really makes a difference.
English
@bartbak_ yes completely fair!
it was just quick experiment do demonstrate the effect, but in hindsight a simple color change would have been better lol
English
@nonzeroexitcode Too disturbing? Imo they look much better when you don't blur them. You have a well balanced set of icons and type.
English
@dustbin768384 fair!
was just fun experiment to demonstrate the trick:)
English
@nonzeroexitcode the css trick is cool,but i dont think i this design has a good user experence
English
sad that i don't use these nearly as much as I should, since they are widely supported now
eg this video is from my old-old portfolio where I was doing it with react because didn't know any better lol
btw here is a wonderful writeup on how to use it
joshwcomeau.com/css/has/
English
how i expect people to react to an article i wrote without ai, like in the good old days
GIF
dany@danywander
English
@danywander great write-up!! thanks for putting it together:)
English
thinking about article with annotations and explaining why it's one of the best sales decks ever made.
would anyone read that?
dany@danywander
not many people know about the NEXT logo that paul rand designed for steve jobs. even fewer know there's an entire book documenting its presentation. it's one of the best sales masterclasses i've ever seen. this book should be taught in universities. link on pdf 👇🏼
English