Luke
@lukeSchwadeAll solutions
- Submitted 7 months ago
E-commerce page with lightbox gallery and cart functionality
- HTML
- CSS
- JS
I wanted to animate the cart entries so that the other ones slide up to fill the gap instead of instantly moving, but it seems that is not possible in vanilla CSS unfortunately, and I wasn't confident in my JS enough to implement it. If there is in fact a way to do that in CSS I'd love to know.
- Submitted 8 months ago
Newsletter signup with success message
- HTML
- CSS
- JS
So my solution for the success message involved changing the pop-up message from display:none to display:initial, which felt not great as I did it. I didn't find much about best practices online, should I be loading an entire new element into the DOM somehow when the success fires instead of toggling visibility in js? Should I be looking into frameworks or is there another jump-off point for how to do that?
- Submitted 8 months ago
FAQ Accordion using flexbox, and JS animation
- HTML
- CSS
- JS
I'm familiar with the different options for drop-shadows in photoshop but actually implementing the glow behind the info panel in CSS is a different beast entirely. It would either be too bright on the dark half or too dark on the light half, and I eventually arrived at something that looks ok if you don't pixelpeep. Is there a way to adjust opacity on the dropshadow without altering the element it's linked to?