Skip to content

@learn-the-web Learn the Web

Change the repository type filter

All

    Repositories list

    63 repositories

    • www

      Public
      The public website that features all the tutorials, resources, videos & links.
      HTML
      •
      MIT License
      •7•25•0•1•Updated Mar 12, 2024Mar 12, 2024

    • activities

      Public
      Activities, games & quizzes to complement Algonquin Design’s Learn the Web materials.
      HTML
      •
      MIT License
      •1•1•1•5•Updated Apr 16, 2023Apr 16, 2023

    • progressinator

      Public
      A live, online progress tracker for Learn the Web, connected to GitHub & Markbot.
      Python
      •0•1•1•8•Updated Feb 8, 2023Feb 8, 2023

    • topics

      Public
      The written tutorials and video links for all the content.
      HTML
      •
      Other
      •14•14•1•0•Updated Dec 4, 2022Dec 4, 2022

    • .github

      Public
      Learning code doesn’t have to be confounding.
      0•0•0•0•Updated Dec 4, 2022Dec 4, 2022

    • videos

      Public
      Videos playlists for all the articles, tutorials & exercises on Learn the Web.
      CSS
      •
      MIT License
      •0•1•0•0•Updated Dec 4, 2022Dec 4, 2022

    • jekyll-patternbot-code

      Public
      A repository demonstraing how to use Jekyll + Patternbot to make pattern libraries.
      CSS
      •1•1•0•0•Updated Nov 11, 2022Nov 11, 2022

    • interactive-wireframes-code

      Public
      Code samples for the interactive wireframes tutorial.
      HTML
      •
      The Unlicense
      •0•0•0•0•Updated Nov 11, 2022Nov 11, 2022

    • javascript-jquery-components-code

      Public
      Code samples for the Javascript + jQuery components tutorial.
      HTML
      •
      The Unlicense
      •2•2•0•0•Updated Nov 11, 2022Nov 11, 2022

    • jekyll-code

      Public
      Code samples for the Jekyll tutorial.
      HTML
      •
      The Unlicense
      •10•17•0•0•Updated Nov 11, 2022Nov 11, 2022

    • marking-up-a-webpage-code

      Public
      Code samples for the marking up a webpage code tutorial.
      HTML
      •
      The Unlicense
      •3•0•0•0•Updated Nov 11, 2022Nov 11, 2022

    • media-queries-layout-code

      Public
      Code samples for the media queries layout tutorial.
      CSS
      •
      The Unlicense
      •0•0•0•0•Updated Nov 11, 2022Nov 11, 2022

    • modular-layout-code

      Public
      Code samples for the modular layout tutorial.
      CSS
      •
      The Unlicense
      •0•0•2•0•Updated Nov 11, 2022Nov 11, 2022

    • modules-code

      Public
      Code samples for the modules tutorial.
      CSS
      •
      The Unlicense
      •0•0•0•0•Updated Nov 11, 2022Nov 11, 2022

    • progressive-enhancement-code

      Public
      Code samples for the progressive enhancement tutorial.
      HTML
      •
      The Unlicense
      •0•0•0•0•Updated Nov 11, 2022Nov 11, 2022

    • responsive-animated-dashboard-code

      Public
      Code samples for the responsive, animated dashboard tutorial.
      HTML
      •
      The Unlicense
      •0•0•0•0•Updated Nov 11, 2022Nov 11, 2022

    • small-screen-layout-code

      Public
      Code samples for the small screen layout tutorial.
      CSS
      •
      The Unlicense
      •0•0•0•0•Updated Nov 11, 2022Nov 11, 2022

    • typography-only-layout-code

      Public
      Code samples for the typography-only layout tutorial.
      HTML
      •
      The Unlicense
      •0•0•0•0•Updated Nov 11, 2022Nov 11, 2022

    • from-wireframe-to-website-code

      Public
      Code samples for the from wireframe to website tutorial.
      HTML
      •
      The Unlicense
      •0•0•0•0•Updated Nov 11, 2022Nov 11, 2022

    • css-grids-code

      Public
      Code samples that accompany the videos & tutorials on CSS Grids.
      HTML
      •0•0•0•0•Updated Aug 12, 2020Aug 12, 2020

    • accessibility-code

      Public
      Code samples for the accessibility tutorial.
      HTML
      •4•0•0•0•Updated Aug 12, 2020Aug 12, 2020

    • web-design-4-portfolios

      Public
      A 7-week course giving time & feedback for creating your graphic design portfolio.
      1•1•0•0•Updated Jun 1, 2020Jun 1, 2020

    • css-variables-code

      Public
      Code samples that accompany the CSS variables video & tutorial series.
      CSS
      •0•0•0•0•Updated Jan 17, 2020Jan 17, 2020

    • flexbox-code

      Public
      Code samples that accompany the Flexbox video & tutorial series.
      HTML
      •2•1•0•0•Updated Jan 17, 2019Jan 17, 2019

    • flexbox-grids-code

      Public
      Code samples for the grids tutorial.
      HTML
      •0•0•0•0•Updated Jan 3, 2019Jan 3, 2019

    • position-zindex-code

      Public
      Code samples for the position & z-index tutorial.
      CSS
      •1•0•0•0•Updated Nov 3, 2018Nov 3, 2018

    • navigation-code

      Public
      Code samples for the navigation tutorial.
      HTML
      •0•1•0•0•Updated Nov 3, 2018Nov 3, 2018

    • media-queries-code

      Public
      Code samples for the media queries tutorial.
      HTML
      •0•1•0•0•Updated Oct 24, 2018Oct 24, 2018

    • javascript-jquery-effects-code

      Public
      Code samples for the Javascript + jQuery effects tutorial.
      HTML
      •
      The Unlicense
      •1•3•0•0•Updated Dec 5, 2017Dec 5, 2017

    • javascript-jquery-accessibility-code

      Public
      Code samples for the Javascript + jQuery accessibility tutorial.
      HTML
      •
      The Unlicense
      •0•1•0•0•Updated Dec 5, 2017Dec 5, 2017