loveandluxesf.com

What a great website to study the different screen size experiences with. I love the three major size designs here. The wider has the nice nav inline next to the logo area and then as you scale in it slides under the logo. With the final iPhone sized screen having the navigation taking more prominence. I really dig that decision since when you go here on your phone you’ll basically either want to get the address info or check up on some sub page content. Beautifully designed yet simple website for this art gallery.

Author

Gene Crawford

With over a decade of experience in the industry he has overseen the design and architecture of hundreds of web sites and applications. An active member in the design community, he's the editor & producer of unmatchedstyle.com, the ConvergeSE, ConvergeFL, ConvergeRVA and the Breaking Development conference series.

  • http://www.unmatchedstyle.com/ Jay Barry

    I really like the way the responsive is handled for this site… except for the navigation. It would be better if it was at the bottom or in a dropdown of some sort. As it is, each page is just logo and main navigation, and you have to scroll down to get to any content. It would also be smart to bump up the size of the text in the footer for touchscreen devices, the links are a little hard to tap. It’s good to keep the Apple guidelines of 44×44 for tappable buttons in mind, even for just text links. http://stackoverflow.com/questions/1928991/minimum-sensible-button-size-on-iphone