Week 10.5: Starter Night!
Week 10: Extending Semantics & Accessibility
This week we focused on extending our knowledge of semantics and accessibility. While these may not be considered the most exciting topics, they are hugely important in making sure our code stays clean, maintainable, and accessible to those with disabilities.
Week 9: Feature Support & Polyfills
This weeks lesson and concepts were focused on ensuring cross browser compatibility. We wanted to make sure our apps would support a wide audience, particularly the HTML5 techniques we've been using.
Week 8: Transitions & Animations
Week 7: Complex Selectors
Guest speaker Mike Gibson from Love Has No Logic showed us powerful patterns and selectors to apply CSS to prevent overusing classes.
Our homework was to read relevant articles. I also kept these lessons in the back of my head while developing our Starter Night app. They definitely came in handy and kept our markup cleaner.
Week 6: Transforms
Our homework was to build logos using only HTML and CSS3. Geometry and CSS3 transforms were definitely tough, but ultimately fun.
Week 5: jQuery
Week 4: Haml & Sass
Week 3: Responsive Web Design
We built a responsive site using a mobile-first approach. The app's design adjusts to the available viewport. HTML5 geolocation features are used to find your location and query for local weather data. (Git)
Week 2: Advanced Positioning
We used the lessons on detailed positioning to build a solar system. I used some CSS3 styles and animations to orbit the planets, and built it to scale. (Git)
Week 1: The Basics
We created a "base" set of HTML/CSS that we could start all our work from, applying the fundamentals of performance and organization. (Git)
This week was about refreshing and solidifying our understanding of the box model. We created three layouts to test ourselves. (Git)