Skip to content

Instantly share code, notes, and snippets.

@djfumberger
Created February 3, 2016 04:19
Show Gist options
  • Save djfumberger/095d3ae7a3c8302cd7ef to your computer and use it in GitHub Desktop.
Save djfumberger/095d3ae7a3c8302cd7ef to your computer and use it in GitHub Desktop.
Floaters:
- Add size variation to background floaters. They’re probably small enough, so just making some slightly larger would be nice.
- The idea with the bluring was to try and create the sense of depth so need to prevent blurred items from overlapping a non blurred item in the foreground.
- Be preferable to transition on the drag like the prototype (but trying to avoid clipping). If unable can't do it on the drag for technical reasons, then maybe just have the fade not affect the background, and just the content, to avoid it dimming between the fades.
Cards
- Size of card seems a bit big.
- Card doesn’t seem to be centre aligned (particularly noticeable on the Knockout page).
- Need to show a peak of the next / previous card on the sides.
- Header font, can this be filled with the gradient ?
- Align text and description to the center of the card.
- Corner radius should be 6
- Emoji circle shadow should be rgba(0,0,0,0.1) ,y: 4, blur radius: 8
- Background of the emoji circle should be generated in the same way as the list - https://app.zeplin.io/project.html#pid=56a0839be507e54123f1112d&sid=56aa92ff093aefe10bc925df . I’ve got an example class for this https://gist.github.com/djfumberger/fac11b8cdfaf10072374
- Check letter spacing of title and description.
Footer Text
- Fix line spacing and letter spacing.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment