Contacts CSS (WIP)
This time I was hunting "Contacts" mockup by Bart.
It reminded me part of my old interface work – http://krigh.deviantart.com/art/Interface-thePlayer-v-black-157795254 – and I thought it will be nice warm-up.
Tested in latest Safari, FIrefox, Opera and Chrome.
Not tested on mobile/tablets yet.
==== Demo ====
You can check progress so far here: http://bit.ly/UpVSqn
==== Things to improve ====
- Some elements aren't 100% accurate - still working on it.
- Add subtile textures just like in original
- Add avatars and styling to lists
- Fix height of panell to some value and add scrolling inside lists
- Enable class change on click for lists headers. I suppose initial idea was that blue is used for selected item.
- Same for bottom tab bar - enable selection
- ...wrap all the things on top of tab bar in another div and make cool transition for content swap.
==== References ====
Animation at start was made with use of awesome Animate.css library by Dan Eden, which can be found here:
http://daneden.me/animate/