Repositories list

• curriculum

  Public
  The weekly term materials, exercises & assignments for Algonquin Design’s Web Design 1 course.

  HTML

  •1•1•0•0•Updated Mar 12, 2024Mar 12, 2024

• .github

  Public
  Web Design 1 educational resources & course from Learn the Web.

  0•0•0•0•Updated Dec 4, 2022Dec 4, 2022

• stylish-beets

  Public
  Style the beets HTML file from an earlier week to match the screenshots.

  188•0•0•0•Updated Dec 4, 2022Dec 4, 2022

• content-to-code

  Public
  Given a chunk of content, determine the groups & HTML tags—without writing any code.

  206•0•0•0•Updated Dec 3, 2022Dec 3, 2022

• layout-to-code

  Public
  Given a website layout wireframe, determine the correct, semantic HTML elements.

  177•2•0•0•Updated Dec 3, 2022Dec 3, 2022

• masthead-semantics

  Public
  Write out the semantically correct HTML elements for the masthead, navigation & banner of a website.

  187•0•0•0•Updated Dec 3, 2022Dec 3, 2022

• code-a-website

  Public
  Follow some wireframes, a sitemap & given some content, write the HTML for a full website.

  192•4•0•0•Updated Nov 11, 2022Nov 11, 2022

• dinosaur-designs

  Public
  Assets for an in-class pair programming exercise that introduces CSS.

  195•0•0•0•Updated Nov 11, 2022Nov 11, 2022

• family-lines

  Public
  An activity to help reinforce indentation best practices & the understanding of parent-child relationships in HTML.

  0•0•0•0•Updated Nov 11, 2022Nov 11, 2022

• html-document-setup

  Public
  Create a valid HTML document with all the right starter code.

  204•2•0•0•Updated Nov 11, 2022Nov 11, 2022

• semantics-map-out

  Public
  An in-class pair activity to help understand and get practice with HTML semantics.

  0•0•0•0•Updated Nov 11, 2022Nov 11, 2022

• sketching-a-website

  Public
  An activity to practice recognizing and drawing parts of a website including semantics and basic CSS.

  0•0•0•0•Updated Nov 11, 2022Nov 11, 2022

• speak-the-look

  Public
  Record yourself reading out some CSS to get practice joining the language & code parts of your brain.

  121•0•0•0•Updated Nov 11, 2022Nov 11, 2022

• using-markbot

  Public
  A demo repository to get practice forking and passing automated tests with Markbot.

  209•0•0•0•Updated Nov 11, 2022Nov 11, 2022

• css-validation-fixes

  Public
  Work through all the validation errors, indentation problems, & file issues.

  HTML

  •177•0•0•0•Updated Jul 10, 2022Jul 10, 2022

• distributed-cards

  Public
  Use Flexbox in a column direction to create distributed cards.

  HTML

  •151•0•0•0•Updated Mar 1, 2021Mar 1, 2021

• plan-a-website

  Public
  Given content & wireframes for a website, plan out the appropriate sitemap.

  195•3•0•0•Updated Feb 18, 2021Feb 18, 2021

• distributed-navigation

  Public
  Use Flexbox to create a horizontal navigation with lots of different components.

  HTML

  •161•0•0•0•Updated Jan 11, 2021Jan 11, 2021

• dealing-with-whitespace

  Public
  Spend some time looking spacing in typography: margins, paddings, line-length, line-height, etc.

  HTML

  •179•0•0•0•Updated Sep 13, 2020Sep 13, 2020

• html-validation-fixes

  Public
  Sift through the files and code and fix all of the errors.

  HTML

  •200•0•0•0•Updated Aug 29, 2020Aug 29, 2020

• type-those-grids

  Public
  Apply basic CSS Grid layouts to a simple typography-focused layout.

  173•0•0•0•Updated Aug 29, 2020Aug 29, 2020

• arrrgenes-treasure-tours

  Public
  Fix colour contrast & colour blindness related problems on a piratey tourism website.

  CSS

  •143•1•0•0•Updated Aug 29, 2020Aug 29, 2020

• pretty-products

  Public
  Apply CSS Grid & Flexbox to a product listing page layout.

  167•0•0•0•Updated Aug 6, 2020Aug 6, 2020

• stunning-start-page

  Public
  Use your grid & flexbox skills to make a full website homepage.

  HTML

  •150•0•0•0•Updated Aug 6, 2020Aug 6, 2020

• no-sketch-no-grid

  Public
  Pre-plan the grids & HTML semantics for a website that you’ll code later.

  171•0•0•0•Updated Aug 3, 2020Aug 3, 2020

• use-all-the-selectors

  Public
  A CSS exercise refreshing and teaching about all the different selectors.

  HTML

  •186•0•0•0•Updated Aug 3, 2020Aug 3, 2020

• accessible-content-for-all

  Public
  Apply accessibility best practices to some HTML content to make it better for everybody.

  197•1•0•0•Updated Jul 29, 2020Jul 29, 2020

• content-semantics

  Public
  Write the HTML code for the beets activity concentrating on semantics only.

  204•1•1•0•Updated Jul 27, 2020Jul 27, 2020

• making-files-folders

  Public
  A quick exploration of making new files & folders within a code project.

  1•0•0•0•Updated Jul 14, 2020Jul 14, 2020