Inspired by Brad Frost and Dan Mall
Here are a few details on how Dan improved upon Brad's version:
- Seeing the future. Good Project Hubs document the past in a way that makes it easy for a client—or you—to keep track of the process. However, I’ve started to pre-populate the entire process for my clients so that they know not only what’s happened but also what’s coming up.
- Focusing on a moment in time. Though this Project Hub lets you see an entire project timeline, it’s still really valuable to know where you currently are in the process. By default, each milestone is labeled with a class name of
entry-future, which keeps the upcoming milestone grayed out. Once you’ve completed a milestone, remove this class name; that will darken the text and place a checkmark next to it. Lastly, add a class ofentry-latestto the latest milestone to auto-scroll the page. (You can also change this class name on line 18 of the JavaScript file.)
Here is a link to an example Superfriendly project hub: project-hub.superfriend.ly
Pull request or fork at your leisure. Happy Project Hubbing!