Over the last 6 months, I have been diving into all things mobile. Over the past 2.5 years I have also been diving into WordPress. As a result, OWS is becoming the place to go if you want a mobile solution for your WordPress website. This site is no exception. When it comes to mobile website design, there are many approaches. You can have a totally separate site, a “stripped down site” or a responsive site. Different websites require different approaches. With FriendsOfBaseball.org, the site structure and content lends itself extremely well to a responsive design, where the content is identical in all devices but a few of the specifics regarding layouts and background images change.
The site uses foundational framework from html5boilerplate.com as well as media query support focused on mobile first. The base css of the site targets the smallest devices out there. Then, as the browser grows, the css responsively adds width, background images and other items. Try it out yourself. In most browsers, watch the layout change as you resize the browser. See the video below for a better example.
[youtube src="http://www.youtube.com/embed/k1SGc2LhyH8"]