Pinned Repositories
curriculum
The weekly term materials, exercises & assignments for Algonquin Design’s Web Dev 4 course.
forms
Style all the form inputs that will be needed for the eCommerce website.
responsive-banner
Practice using position, absolute, and relative in a responsive setting by recreating a responsive hero banner.
responsive-recipe-book
Taking the recipe book from your previous Typography class and turn it into a responsive website.
so-many-icons
Create the icons sprite sheet for your eCommerce website and have it show up in the pattern library.
surprise-ecommerce-page-1
A surprise page to throw at the eCommerce website pattern libraries to see if everything has been nicely styled.
surprise-ecommerce-page-2
A surprise page to throw at the eCommerce website pattern libraries to see if everything has been nicely styled.
the-leftovers
Finalize any remaining patterns so that making the pages in the coming weeks will be just copy-and-paste.
typography-colours
Style the basic typography, colours and generic HTML elements for the eCommerce pattern library.
using-css-variables
Learn how to use CSS variables to make your CSS more easily understood and more maintainable.
Learn the Web · Web Dev 4's Repositories
ltw-webdev-4/responsive-banner
Practice using position, absolute, and relative in a responsive setting by recreating a responsive hero banner.
ltw-webdev-4/curriculum
The weekly term materials, exercises & assignments for Algonquin Design’s Web Dev 4 course.
ltw-webdev-4/forms
Style all the form inputs that will be needed for the eCommerce website.
ltw-webdev-4/responsive-recipe-book
Taking the recipe book from your previous Typography class and turn it into a responsive website.
ltw-webdev-4/so-many-icons
Create the icons sprite sheet for your eCommerce website and have it show up in the pattern library.
ltw-webdev-4/surprise-ecommerce-page-1
A surprise page to throw at the eCommerce website pattern libraries to see if everything has been nicely styled.
ltw-webdev-4/surprise-ecommerce-page-2
A surprise page to throw at the eCommerce website pattern libraries to see if everything has been nicely styled.
ltw-webdev-4/the-leftovers
Finalize any remaining patterns so that making the pages in the coming weeks will be just copy-and-paste.
ltw-webdev-4/typography-colours
Style the basic typography, colours and generic HTML elements for the eCommerce pattern library.
ltw-webdev-4/using-css-variables
Learn how to use CSS variables to make your CSS more easily understood and more maintainable.
ltw-webdev-4/.github
Web Dev 3 educational resources & course from Learn the Web.
ltw-webdev-4/buttons
Write the CSS for all the different button styles in your eCommerce pattern library.
ltw-webdev-4/designing-form-errors
Write up code for accessible, well designed form error messages with a little Javascript to help.
ltw-webdev-4/ecommerce-checkout-form-page-template
Create the checkout form page for your website by using your previously created patterns.
ltw-webdev-4/ecommerce-homepage-template
Create the homepage for your website by using your previously created patterns.
ltw-webdev-4/ecommerce-pattern-library
A term-long project redesigning an ecommerce website focusing on making a pattern library.
ltw-webdev-4/ecommerce-product-details-page-template
Using another person’s pattern library create the product details page within the system they created.
ltw-webdev-4/ecommerce-product-list-page-template
Create the produce list page for your website by using your previously created patterns.
ltw-webdev-4/ecommerce-project-hand-off-and-documentation
Work with your teammate to document & describe all the pieces necessary for creating the product details page.
ltw-webdev-4/ecommerce-ux
Create all the stuff Jed would expect from you before starting to write any code.
ltw-webdev-4/ecommerce-ux-inspiration
Show inspriational websites, components, patterns, brands, etc. that are guiding your decisions.
ltw-webdev-4/finalized-pattern-library
The final pattern library fully complete with all components, example pages & fantastic explanations.
ltw-webdev-4/finalizing-pattern-docs
Finish all the rationales, all the fields, and refine all the documentation in preparation for handing the project off to another person.
ltw-webdev-4/geohub
A small pattern library to help demonstrate the Patternbot include system.
ltw-webdev-4/headers-footers
Style the primary header/masthead & footer for your website.
ltw-webdev-4/images-cards
Create patterns for icons & images including things like banners, cards, images & captions, etc.
ltw-webdev-4/javascript-less-carousel
Learn to implement a functional and reusable carousel without Javascript.
ltw-webdev-4/navigations-sections
Style all the different navigations and section styles you’ll need.
ltw-webdev-4/piecing-jekyll-together
Using paper-made Jekyll replicas, piece together multiple pages by using Jekyll-like functionality.
ltw-webdev-4/request-for-grade
Write up the reasons why your final project demonstrates everything learned this term.