What is responsive design? It's a bunch of technique that makes a site looking good on several devices. Also besides the look it respects other device dependent capabilities, such as memory or bandwidth.
To get some ideas a good start point: http://designmodo.com/responsive-design-examples/
At StatDiary in the first phase we cared about screen size. The good thing with responsive design is that you can use the same template and theme. The actual implementation is surprisingly easy. You apply media queries in your css and adopt some key parts of the design:
- font size
- floating of block elements
- some paddings and margins
The current template is optimized for desktop, portrait iPad and landscape iPhone resolution.
No comments:
Post a Comment