Skip to content
Change the repository type filter

All

    Repositories list

    • The weekly term materials, exercises & assignments for Algonquin Design’s Web Dev 1 course.
      HTML
      0000Updated Mar 12, 2024Mar 12, 2024
    • .github

      Public
      Web Dev 1 educational resources & course from Learn the Web.
      0000Updated Dec 4, 2022Dec 4, 2022
    • Use CSS position along with float to create a call to action banner.
      293001Updated Dec 4, 2022Dec 4, 2022
    • Use the CSS float property to create a column layout with four cards inside.
      287001Updated Dec 4, 2022Dec 4, 2022
    • Use position relative & absolute to make this robot head explode when hovered.
      HTML
      268102Updated Dec 4, 2022Dec 4, 2022
    • Use float to add navigation and two image icons to the header of a website.
      333100Updated Dec 4, 2022Dec 4, 2022
    • Use CSS position to make a hero banner with text displayed in front of an image.
      325000Updated Dec 4, 2022Dec 4, 2022
    • Use media queries and responsive design techniques to hide and show content on different screen sizes.
      HTML
      304200Updated Dec 4, 2022Dec 4, 2022
    • Make a horizontal navigation using the CSS flow and display properties.
      341000Updated Dec 4, 2022Dec 4, 2022
    • Use float and media queries to make a grid of images responsive for different screen sizes.
      HTML
      283000Updated Dec 4, 2022Dec 4, 2022
    • link-card

      Public
      Making a card pattern that is completely clickable.
      304100Updated Dec 4, 2022Dec 4, 2022
    • A code exercise to practice highlighting the current page in website navigation.
      350001Updated Dec 4, 2022Dec 4, 2022
    • Use float and media queries to make a responsive website header.
      HTML
      257601Updated Dec 4, 2022Dec 4, 2022
    • Create a responsive image and caption using the CSS position properties and media queries.
      269200Updated Dec 4, 2022Dec 4, 2022
    • Use media queries and float to make a responsive section on a website with three columns.
      202001Updated Dec 4, 2022Dec 4, 2022
    • Use media queries to enhance the typography of a website for different screen sizes.
      HTML
      275000Updated Dec 4, 2022Dec 4, 2022
    • sections

      Public
      Make a responsive website section with an image, blurb and a button.
      329100Updated Dec 4, 2022Dec 4, 2022
    • Style the beets HTML file from the previous week to match the screenshots.
      349000Updated Dec 4, 2022Dec 4, 2022
    • A CSS code exercise looking at using multiple classes to create consistent styles.
      HTML
      331201Updated Dec 4, 2022Dec 4, 2022
    • Write out the semantically correct HTML elements for the masthead, navigation & banner of a website.
      395000Updated Dec 3, 2022Dec 3, 2022
    • Use media queries and display to create responsive icon cards.
      241000Updated Dec 3, 2022Dec 3, 2022
    • cards

      Public
      Dig into the browser’s layout models to make a simple, flexible informational design.
      234000Updated Nov 11, 2022Nov 11, 2022
    • An activity to practice recognizing and drawing parts of a website including semantics and basic CSS.
      0000Updated Nov 11, 2022Nov 11, 2022
    • Create a wireframe/prototype for a confectionery website—showing what you learned this term.
      227100Updated Nov 11, 2022Nov 11, 2022
    • Show the teacher that you’ve started planning the code for your Confectionery website prototype.
      0000Updated Nov 11, 2022Nov 11, 2022
    • An exercise learning how to use the developer tools by modifying an existing website.
      HTML
      0000Updated Nov 11, 2022Nov 11, 2022
    • Assets for an in-class pair programming exercise that introduces CSS.
      266000Updated Nov 11, 2022Nov 11, 2022
    • An activity to help reinforce indentation best practices & the understanding of parent-child relationships in HTML.
      0000Updated Nov 11, 2022Nov 11, 2022
    • Follow this lesson to learn some flexbox techniques to apply to different layouts.
      159100Updated Nov 11, 2022Nov 11, 2022
    • Create a valid HTML document with all the right starter code.
      268100Updated Nov 11, 2022Nov 11, 2022
    ProTip! When viewing an organization's repositories, you can use the props. filter to filter by custom property.