In this course I had to create 10 different pages/sites, starting with a basic portfolio index list and progressing to more complex features and set ups. While some of the earlier work is not responsive or as advanced, I learned a bit about @media queries, pulling off some simple CSS Keyframe animations, adding a couple of Javascripts, and more.

I would like to continue learning about better menu design for mobile navigation, though this was hard to implement over the duration of the course in the summer (i.e. 7 weeks). You can use the link to access my portfolio which is hosted on the EdTech server, though I am including some screen shots of what I feel was my "best" work during the course.

Portfolio Index Page - http://edtech2.boisestate.edu/williamstewart287/502/502.html

A page designed with Web Accessibility in mind, also the focus of which was Web Accessibility.

A page designed with Web Accessibility in mind, also the focus of which was Web Accessibility.

A fully functional responsive layout coded by hand. This is portrait view for a typical cell phone.

A fully functional responsive layout coded by hand. This is portrait view for a typical cell phone.

Introduced the use of a resizing menu on scroll, in addition to opacity for content focus. Some responsiveness is present for layout and sizing, though the menu needs work for small viewports.

Introduced the use of a resizing menu on scroll, in addition to opacity for content focus. Some responsiveness is present for layout and sizing, though the menu needs work for small viewports.

With collapsed menu.

With collapsed menu.

A fully responsive site with CSS animations and collapsing menu on scroll. The menu needs work for small (i.e. cell phone) view ports.

A fully responsive site with CSS animations and collapsing menu on scroll. The menu needs work for small (i.e. cell phone) view ports.

With collapsed menu.

With collapsed menu.


phone1.png