More on web frontend development

Take one more step on the mobile development road using HTML5/JavaScript

More on browser inconsistencies and responsive design…

Manage different browsers

Some frameworks:

  • Make browsers consistent (used by Twitter) - http://necolas.github.com/normalize.css/
  • Some CSS reset frameworks - http://www.cssreset.com/
  • Develop HTML5 applications that works on all (or at least many) browsers - http://modernizr.com/

Articles:

  • http://quirksmode.org/
  • http://meyerweb.com/eric/tools/css/reset/index.html
  • http://meyerweb.com/eric/thoughts/2007/04/18/reset-reasoning/

Mobile frameworks

  • http://phonegap.com/
  • http://incubator.apache.org/cordova/
  • Let’s JavaScript app access camera, accelerometer etc.
  • Firefox OS - http://www.mozilla.org/en-US/firefoxos/
  • An alternative to phonegap?
  • Introduction - https://hacks.mozilla.org/2012/11/hacking-firefox-os/

Responsive design

Web sites that works both on mobile and dekstop browsers.

Frameworks:

  • A methodology rather than a framework - http://framelessgrid.com/
  • http://twitter.github.com/bootstrap/
  • http://stuffandnonsense.co.uk/projects/320andup/
  • https://github.com/csswizardry/inuit.css

Articles:

  • http://www.netmagazine.com/opinions/responsive-design-or-native-app
  • http://designshack.net/articles/css/which-is-right-for-me-22-responsive-css-frameworks-and-boilerplates-explained/
  • Responsive vs. Adaptive - http://uxdesign.smashingmagazine.com/2012/11/08/ux-design-qa-with-christian-holst/

Grid systems

Frameworks and methodologies:

  • http://cssgrid.net/
  • http://960.gs/
  • Static and fluid CSS grids - http://grids.heroku.com/

Misc articles

  • History API - http://net.tutsplus.com/tutorials/html-css-techniques/a-first-look-at-the-history-api/
  • Twitter moving back to server side code for better performance - http://www.webmonkey.com/2012/05/twitter-declares-everything-old-new-again/
  • Clear floating objects - http://sonspring.com/journal/clearing-floats

Quick reference guides

  • CSS selectors - http://www.w3schools.com/cssref/css_selectors.asp

Nice tools

  • http://grids.heroku.com/
  • http://cssbeautify.com/
  • http://jsbeautifier.org/
  • http://volojs.org/