Skip to content
OverviewSolutions
5
Comments
2
Luke
@lukeSchwade

All solutions

  • Multi-page form displayed on one webpage

    Luke•140
    Submitted over 1 year ago
    0 comments

  • Time tracking dashboard that pulls from JSON data

    Luke•140
    Submitted over 1 year ago
    0 comments

  • E-commerce page with lightbox gallery and cart functionality

    Luke•140
    Submitted over 1 year ago

    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.

    0 comments

  • Newsletter signup with success message

    Luke•140
    Submitted over 1 year ago

    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?

    1 comment

  • FAQ Accordion using flexbox, and JS animation

    #animation
    Luke•140
    Submitted over 1 year ago

    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?

    0 comments