Responsive web frameworks: Twitter Bootstrap, Foundation, and Skeleton compared

What is responsive web design? According to myself – this is from, my own responsive site showcasing my portfolio:

It is an approach to crafting sites so that visitors have an optimized experience, one usually with no sideways scrolling, minimal resizing, and hopefully not much waiting, regardless of the device through which they visit, whether phone, tablet, laptop, desktop or something else (anyone here via web television?). It now typically embodies a mobile-first approach so that visitors using smaller viewports are given primary consideration though viewers with larger viewports may have a progressively enhanced experience, one often involving larger type and images and sometimes additional content.

Vermilion design + interactive offers this brief comparison of the big three responsive CSS frameworks. I’ve used all three and appreciate them all. I started with Skeleton and its simplicity made learning it so easy. Twitter Bootstrap has the most assets in its library currently, and I’m just finishing a new site composed with it. I like Foundation 4 because it is mobile-first by default and I think this framework is gaining momentum rapidly. and me

This blog addresses a few of many things that interest me. I am William Possidento and I’m linking this blog to my web portfolio which showcases my design and development talents with:

  • User Experience (UX) design
  • Responsive web design and development
  • Skeleton framework
  • Twitter Bootstrap
  • Foundation
  • HTML5 (I used to work in HTML4)
  • CSS3 (I used to work in CSS2)
  • JavaScript
  • jQuery
  • jQuery Mobile
  • Balsamiq
  • Axure RP
  • Pixate
  • Camtasia Studio
  • Adobe PhotoShop
  • Adobe Illustrator
  • Adobe InDesign
  • Sketch
  • WordPress
  • Google AdWords Certification
  • Google Analytics Individual Qualification
  • email design and development
  • MailChimp
  • HootSuite
  • Web usability, user experience, and user interfaces