Skip to content
Submitted 10 months ago

Blog Card solution with skeleton loaders...again lol

Justin Green•2,770
@jgreen721
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Blog preview card
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Just a little more playing around with the skeleton loaders concept. Added a online/offline button that communicates a status to localStorage so if the page is loaded while status is 'offline' then nothing will load until the user toggles the service back to an on state, to which the browser can 'fetch its data' and populate the card. Feedback and suggestions welcomed!

Community feedback

  • Alok Suman•2,380
    @Alokray007Posted 10 months ago

    Awesome work done here and l also learned that we can do something like this on simple designs as well. I'll be happy to learn it from you in future. All the best.

    1
    Justin Green•2,770
    @jgreen721Posted 10 months ago

    I appreciate that, thanks! Yea I've noticed a few other members kind of put their own spin on some of the challenges and thought that was pretty cool. Glad you liked it and the best to you as well.

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord