JWode
KPCKevin Powell - Community
•Created by JWode on 5/13/2023 in #front-end
pointer-events and the thumb on sliders
Hey @monimolimnion , unfortunately not - you can delete the JS in the codepen and the second slider is still displayed correctly with clickable thumbs (the JS is just for tracking/changing the inputs and background)
3 replies
KPCKevin Powell - Community
•Created by JWode on 5/11/2023 in #front-end
Little bit confused by this input width behaviour
So is it right to say that inputs don't default to 100% width like other elements
7 replies
KPCKevin Powell - Community
•Created by JWode on 5/11/2023 in #front-end
Little bit confused by this input width behaviour
--------
huh. w-full on the inputs solved it. I guess the inputs have a default width larger than half the div, and it takes precedent
7 replies
KPCKevin Powell - Community
•Created by JWode on 5/11/2023 in #front-end
Little bit confused by this input width behaviour
Like it's a really minor problem - because the last element has obviously solved it, but it's annoying me why that 2nd example isn't splitting the div in half...
7 replies
KPCKevin Powell - Community
•Created by JWode on 5/11/2023 in #front-end
Little bit confused by this input width behaviour
ah sorry, i should've been specific - I'm trying to recreate the top element (css) with the bottom (tailwind)
But maybe - let me check 🙂
7 replies
KPCKevin Powell - Community
•Created by JWode on 5/9/2023 in #front-end
Position: sticky
want to try and flip them to invisible and have it spread across the screen. not v good at thinking up animations though, so it might be a terrible idea!
24 replies
KPCKevin Powell - Community
•Created by JWode on 5/9/2023 in #front-end
Position: sticky
hmm, i don't think so - it was very early on in the app tbh, and I'd had a couple of beers, so I can't remember what it was. Was a stream about a month or so ago. Nevermind. I'll give it a crack on my own and then inevitably come back here XD
Ta for the help
24 replies
KPCKevin Powell - Community
•Created by JWode on 5/9/2023 in #front-end
Position: sticky
oh, perfect, thanks - was literally just watching his video from about 4 years ago
24 replies
KPCKevin Powell - Community
•Created by JWode on 5/9/2023 in #front-end
Position: sticky
yeah, thought it was a bit of a long shot
24 replies
KPCKevin Powell - Community
•Created by JWode on 5/9/2023 in #front-end
Position: sticky
I think you had a grid overlaying the entire screen, and then each individually flipped or something. looked like it was using gsap stagger
24 replies
KPCKevin Powell - Community
•Created by JWode on 5/9/2023 in #front-end
Position: sticky
I've a tab open, hang on
24 replies
KPCKevin Powell - Community
•Created by JWode on 5/9/2023 in #front-end
Position: sticky
oh also, was wondering last night - you got any tips/a guide/link for making something similar to that checkerboard transition in your svelte app a while back?
24 replies
KPCKevin Powell - Community
•Created by JWode on 5/9/2023 in #front-end
Position: sticky
thanks
24 replies
KPCKevin Powell - Community
•Created by JWode on 5/9/2023 in #front-end
Position: sticky
oh fgs 😁
24 replies
KPCKevin Powell - Community
•Created by JWode on 5/8/2023 in #front-end
Unique keys in React
🙂
11 replies
KPCKevin Powell - Community
•Created by JWode on 5/8/2023 in #front-end
Unique keys in React
Yeah, have done a big course on TS recently, am a fan (esp coming from Java). Just have to apply it all to React then Express (which I've heard is a ballache), and then I'll be job ready )
11 replies
KPCKevin Powell - Community
•Created by JWode on 5/8/2023 in #front-end
Unique keys in React
Ah, thanks guys, it ended up me being an idiot. That .id class didn't exist on the item.
Know it was my fault, but still no idea why React doesnt attach the key to the dom so that obvious errors can be more obvious :/
11 replies