This used AngularJS and was based on this Stack Overflow question. This site demonstrates AngularJS features such as Bootstrap Collapse, Directives, and Templates.
Creative Portfolio 2
This site used HTML, CSS, and Bootstrap. It is an upgrade from this portfolio site because it uses JQuery to categorize the websites.
Stylish Portfolio
This site used HTML, CSS, and Bootstrap. It was an emulation of elements from this layout.
Active Landing Page
This site used Bootstrap and was based on this template. This landing page shows what I do for fun outside of coding.
AngularJS in Twenty Minutes
This used AngularJS and was based on this introduction. This site demonstrates AngularJS features such as controllers, filters, and modules.
Pet Shop
This site used JavaScript, JQuery, and Bootstrap. My goal is to rebuild this site in the future but with AngularJS instead of JQuery…
Furthermore this Pet Shop site will allow me to compare and contrast the JQuery way with the AngularJS way. I think having this goal will make learning AngularJS even more interesting, tangible, and compelling.
Here are some links that helped me with this site:
Responsive Images
Javascript innerHTML images
Get Spinner UI value on change
Get value attribute from jQueryUI Spinner
Creative Portfolio
This site used HTML, CSS, and Bootstrap. It was an emulation of elements from this layout.
Bootstrap 2 Portfolio
This site used the JQuery Quicksand Plugin and was based on this demonstration.
Make It Rain Landing Page
404 Page
This used Bootstrap and was based on this UX advice. This site demonstrated the importance of giving the user a clear path when he or she is lost.
I originally wanted to build something amusing like Github’s 404 page
or something incredible like these 40(4) pages. But I learned that a 404 page that appears similar to the rest of the site is less disconcerting for the lost user. Also providing the user the option to contact you with feedback as well as a way to return to the Home page creates a better experience. Overall I learned that sometimes less is more when building a web page.