Learn the Web

Tutorials, resources, videos, links and more teaching web development.

Ottawa, Canada

Pinned Repositories

css-animations-effects-code
Code samples for the CSS animations & effects tutorial.
Language:CSS4 2 02
javascript-jquery-components-code
Code samples for the Javascript + jQuery components tutorial.
Language:HTML2 3 02
javascript-jquery-effects-code
Code samples for the Javascript + jQuery effects tutorial.
Language:HTML3 2 01
jekyll-code
Code samples for the Jekyll tutorial.
Language:HTML17 2 110
markdown-code
Code samples for the Markdown tutorial.
2 1 00
modular-typography-code
Code samples for the modular typography tutorial.
Language:HTML7 2 00
progressinator
A live, online progress tracker for Learn the Web, connected to GitHub & Markbot.
Language:Python1 1 10
topics
The written tutorials and video links for all the content.
Language:HTML14 2 1213
videos
Videos playlists for all the articles, tutorials & exercises on Learn the Web.
Language:CSS1 1 00
www
The public website that features all the tutorials, resources, videos & links.
Language:HTML25 4 27

Learn the Web's Repositories

learn-the-web/www
The public website that features all the tutorials, resources, videos & links.
Language:HTML25 4 27
learn-the-web/jekyll-code
Code samples for the Jekyll tutorial.
Language:HTML17 2 110
learn-the-web/topics
The written tutorials and video links for all the content.
Language:HTML14 2 1213
learn-the-web/javascript-jquery-effects-code
Code samples for the Javascript + jQuery effects tutorial.
Language:HTML3 2 01
learn-the-web/javascript-jquery-components-code
Code samples for the Javascript + jQuery components tutorial.
Language:HTML2 3 02
learn-the-web/activities
Activities, games & quizzes to complement Algonquin Design’s Learn the Web materials.
Language:HTML1 2 11
learn-the-web/flexbox-code
Code samples that accompany the Flexbox video & tutorial series.
Language:HTML1 1 02
learn-the-web/javascript-jquery-accessibility-code
Code samples for the Javascript + jQuery accessibility tutorial.
Language:HTML1 2 0
learn-the-web/jekyll-patternbot-code
A repository demonstraing how to use Jekyll + Patternbot to make pattern libraries.
Language:CSS1 1 01
learn-the-web/media-queries-code
Code samples for the media queries tutorial.
Language:HTML1 1 0
learn-the-web/navigation-code
Code samples for the navigation tutorial.
Language:HTML1 2 0
learn-the-web/progressinator
A live, online progress tracker for Learn the Web, connected to GitHub & Markbot.
Language:Python1 1 10
learn-the-web/videos
Videos playlists for all the articles, tutorials & exercises on Learn the Web.
Language:CSS1 1 00
learn-the-web/web-design-4-portfolios
A 7-week course giving time & feedback for creating your graphic design portfolio.
1 2 01
learn-the-web/.github
Learning code doesn’t have to be confounding.
1 0
learn-the-web/accessibility-code
Code samples for the accessibility tutorial.
Language:HTML1 04
learn-the-web/css-grids-code
Code samples that accompany the videos & tutorials on CSS Grids.
Language:HTML1 0
learn-the-web/css-variables-code
Code samples that accompany the CSS variables video & tutorial series.
Language:CSS2 0
learn-the-web/flexbox-grids-code
Code samples for the grids tutorial.
Language:HTML2 0
learn-the-web/from-wireframe-to-website-code
Code samples for the from wireframe to website tutorial.
Language:HTML2 0
learn-the-web/interactive-wireframes-code
Code samples for the interactive wireframes tutorial.
Language:HTML2 0
learn-the-web/marking-up-a-webpage-code
Code samples for the marking up a webpage code tutorial.
Language:HTML2 03
learn-the-web/media-queries-layout-code
Code samples for the media queries layout tutorial.
Language:CSS2 0
learn-the-web/modular-layout-code
Code samples for the modular layout tutorial.
Language:CSS1 2
learn-the-web/modules-code
Code samples for the modules tutorial.
Language:CSS2 0
learn-the-web/position-zindex-code
Code samples for the position & z-index tutorial.
Language:CSS2 01
learn-the-web/progressive-enhancement-code
Code samples for the progressive enhancement tutorial.
Language:HTML2 0
learn-the-web/responsive-animated-dashboard-code
Code samples for the responsive, animated dashboard tutorial.
Language:HTML2 0
learn-the-web/small-screen-layout-code
Code samples for the small screen layout tutorial.
Language:CSS1 0
learn-the-web/typography-only-layout-code
Code samples for the typography-only layout tutorial.
Language:HTML2 0