I’ve just pushed some major changes to my front end development guidelines to the public site. I spent a lot of time on this update, and it shows. I’ve added new content and improved old. I’ve ditched my own slap-dash styling in favour of the Twitter Bootstrap with some of my own personal tweaks. Be sure to check it out.
I’ve added some sections on:
The importance of understanding the box model (CSS)
Knowing when to float, and when to position (CSS)
Generating unique IDs without timestamps (JS)
Preserving middle mouse click functionality (UX)
I also:
Made the website work without JavaScript enabled
Cleaned up the overall design and interaction (Bootstrapped!)
Re-wrote some content here and there
Added pretty graphics to explanations
Added some resources to the list
Basically, we’ve gone from this:

To this:


 

I’ve just pushed some major changes to my front end development guidelines to the public site. I spent a lot of time on this update, and it shows. I’ve added new content and improved old. I’ve ditched my own slap-dash styling in favour of the Twitter Bootstrap with some of my own personal tweaks. Be sure to check it out.

I’ve added some sections on:

I also:

  • Made the website work without JavaScript enabled
  • Cleaned up the overall design and interaction (Bootstrapped!)
  • Re-wrote some content here and there
  • Added pretty graphics to explanations
  • Added some resources to the list

Basically, we’ve gone from this:

image

To this:

image

image image

  1. lifeandcode reblogged this from taitems and added:
    One thing you need...order to produce web apps independently is
  2. faradaycagefight reblogged this from taitems