Front-End Frameworks

Front-End Frameworks are increasingly common in web development in the last few years.  They provide basic components for building a web presence in a standard way that can improve both the quality of experience of people’s interactions and the speed of development.  These are some projects that I’ve found useful.

Screen Shot 2013-11-21 at 10.38.32 AM

Foundation is probably the first front-end framework that supported building websites that were responsive to the device used to access them.  I used it in a project a few years ago and was very pleased with my experience.  Foundation 5 is planned for release imminently and continues to push the edge forward.  They offer, among other improvements, the ability to selectively include content based on media queries.

Screen Shot 2013-11-21 at 10.43.59 AMBootstrap is another great project that has really exploded in popularity.  Built by Twitter, this framework is ubiquitous across the web recently.  Bootstrap 3 offers an improved grid system and some semantic improvements.  I’ve built a number of projects using this framework and highly recommend it.

Screen Shot 2013-11-21 at 10.45.28 AMSemantic UI is another framework that has been gaining traction recently.  Semantic is structured around natural language conventions to make development more intuitive.  The code samples feel really intuitive and elegant.  This framework looks really promising and I’m excited to try it out in a project soon.

Treehouse Community

Screen Shot 2013-02-08 at 3.05.49 PM

This site was built for the Treehouse Community and Foundation.

Treehouse Website

This website is intended to communicate about the intergenerational foster care community in Easthampton. The organization also would like to spread the word about re-envisioning foster care, creating an extended network that can replicate this model around the country.

The site features a blog, a news area, information about living in the community, the national network, and allows donors to give money.  The design is responsive to the viewers screen size, allowing it to be easily viewed on many different devices.  Among other things, a calendar allows events to be posted easily:

Treehouse Calendar

Images and videos can be viewed in galleries and also in a lightbox without leaving the current page:

Screen Shot 2013-02-08 at 3.12.35 PM