Branch is a site that aims to provide a new method of communication, combining the intimacy of a dinner table conversation with the openness of the internet.
The homepage features some super neat modules that utilise CSS to achieve the look. Check out the avatars and icons positioned like a rotary telephone – a composition accomplished by rotate transforms and transitions. It uses neat CSS3 effects in other areas as well.
Co-founder and chief designer Cemre Güngör notes, "We use CSS keyframe animations to denote progress. After pressing a button, you see a Mac OS X-style Candybar progress indicator right within the button you just clicked on." Güngör says he also really digs icon fonts because they are now widely supported. "I rarely have to create specifically sized image assets. Having that flexibility is amazing".
This showcase was originally published in .net magazine issue 240.
Like this? Read these!
- Illustrator tutorials: amazing ideas to try today!
- Great examples of doodle art
- Brilliant Wordpress tutorial selection
What do you make of Branch? Let us know in the comments box below!