title: How to create a Webapp for iOS, Android, BBerry, Symbian
body: <h2>The Challenge</h2>
  
  <p>I would like to create a simple website for:</p>
  
  <ul>
  <li>iPhone 3 and 4</li>
  <li>iPad</li>
  <li>Android 2.2
  – BBerry OS 7 and Playbook Browser</li>
  <li>Symbian</li>
  <li>Desktop Webbrowser</li>
  </ul>
  
  <h2>The Problem</h2>
  
  <p>Whats the "best-practice" for detect, optimize and deliver the Webapp for each device/screensitze? I know this is about HTML5, CSS3 Mediaqueries and JS. HTML5 Boilerplate is a good point to start.</p>
  
  <p>But:</p>
  
  <ul>
  <li>Should I detect Browser/Devices via backend/front? What are good
  libraries?</li>
  <li>How Do I detect different screensizes? What are good libraries?</li>
  <li>etc.</li>
  </ul>