title: Best way to store small UI user preferences in web app?
body: <p>I have a web app I'm developing and quite like the idea that if the user makes changes to the view of the UI (eg. Lists open or closed, certain viewing preferences) those changes remain after they close the browser and visit the web app at a later date.</p>
  
  <p><strong>Possible options I can think of:</strong></p>
  
  <ol>
  <li>Store UI preferences JSON object in cookie.</li>
  <li>Use HTML5 local storage (no experience of this)</li>
  <li>Store in mySQL database (not keen on storing such trivial data in the DB)</li>
  </ol>
  
  <p>Once stored I will retrieve these preferences when the user returns and set the UI as it was when they last left it.</p>
  
  <p><strong>Does anyone have any experience of this type of feature and can suggest the best method for UI state save and retrieval?</strong></p>