One of the goals for JWS.app was for it to pull in activity from a bunch of sources and update itself. That is the reason why I created the “superfeed”. Let’s start by looking at its current state.
See the Pen
JWS.app – Superfeed (Before) by Joe Steinbring (@steinbring)
on CodePen.
Getting the content from the photo blog, the blog, dev, github, and the two tumblr blogs and interleaving the content was tricky enough. When it came to displaying the updates, I just used an unordered list in version 1. I couldn’t immediately think of an alternative. In previous weeks, we have leveraged Bulma. I figured that we could use it again.
See the Pen
JWS.app – Superfeed (After – Option 1) by Joe Steinbring (@steinbring)
on CodePen.
The above example uses Bulma‘s Media Objects. This look is similar to what you see with things like twitter. It feels like a lot of waste, so let’s try another option.
See the Pen
JWS.app – Superfeed (After – Option 2) by Joe Steinbring (@steinbring)
on CodePen.
This might be my favorite option, so far. This example uses Bulma‘s Cards. My goals were for long-form posts (like this) to be more prominent and to do something mildly similar to Microsoft’s Metro design language.
I am not completely sure if the Bulma Card solution is best option or not but I do think that there is a next step to this. Previously, we looked at the Notifications API and that got me thinking about incorporating push notifications. I might need to add some sort of Modal (to have something to link to), though.
[ Cover photo by AbsolutVision on Unsplash ]