Skip to content

@ltw-webdev-2 Learn the Web · Web Dev 2

Change the repository type filter

All

    Repositories list

    44 repositories

    • curriculum

      Public
      The weekly term overview of materials, exercises & assignments.
      CSS
      •0•0•0•0•Updated Mar 12, 2024Mar 12, 2024

    • .github

      Public
      Web Dev 2 educational resources & course from Learn the Web.
      0•0•0•0•Updated Dec 4, 2022Dec 4, 2022

    • grid-ception

      Public
      Using the Gridifier system and embedding grids within grids to make more complex layouts.
      303•0•0•0•Updated Dec 4, 2022Dec 4, 2022

    • grid-layout

      Public
      Create a grid-based, responsive layout using the Gridifier tool.
      312•0•0•0•Updated Dec 4, 2022Dec 4, 2022

    • hot-grid-dle

      Public
      Create a small layout using grids, hiding and showing units & position.
      196•2•0•0•Updated Dec 4, 2022Dec 4, 2022

    • modular-nav

      Public
      Create a modular navigation using the grid and type systems.
      293•0•0•0•Updated Dec 4, 2022Dec 4, 2022

    • more-than-just-datum

      Public
      Create a prototype interface for a playground finder app using tables & forms.
      142•0•0•0•Updated Dec 4, 2022Dec 4, 2022

    • responsive-image-section

      Public
      Create a responsive section that has an image on it's left half.
      310•0•0•0•Updated Dec 4, 2022Dec 4, 2022

    • html-writer

      Public
      Write all the necessary HTML for the content in the Semantics Schemantics group activity.
      352•1•0•0•Updated Dec 4, 2022Dec 4, 2022

    • just-your-type

      Public
      A creative design project that demonstrates the skills learned so far using the Gridifier, Typographer & Modulifier.
      174•0•1•0•Updated Dec 4, 2022Dec 4, 2022

    • basic-accessibility

      Public
      A quick look at some basic additions to a website to make it more accessible.
      220•1•0•0•Updated Nov 11, 2022Nov 11, 2022

    • button-systems

      Public
      Explore how to use and change the default set of buttons provided by Modulifier.
      188•0•0•0•Updated Nov 11, 2022Nov 11, 2022

    • contact-form

      Public
      Create a functional website contact form using Formspree as the message sender.
      HTML
      •304•4•0•0•Updated Nov 11, 2022Nov 11, 2022

    • data-table

      Public
      Create a chart of data using HTML table elements.
      HTML
      •293•3•0•0•Updated Nov 11, 2022Nov 11, 2022

    • finding-and-grouping-fields

      Public
      An in-class activity to help get used to the different types of form fields available and how they should be grouped together.
      0•0•0•0•Updated Nov 11, 2022Nov 11, 2022

    • finding-grids

      Public
      An exercise to help sketch and find grids within an already complete websites.
      0•0•0•0•Updated Nov 11, 2022Nov 11, 2022

    • finding-patterns

      Public
      Sketch the grids, type systems and modules onto some paper wireframes for practice.
      0•0•0•0•Updated Nov 11, 2022Nov 11, 2022

    • making-responsive-grids

      Public
      A step-by-step guide to making a responsive grid and the different pieces of code that are needed.
      196•1•0•0•Updated Nov 11, 2022Nov 11, 2022

    • saas-website-sketches

      Public
      Show the teacher that you’ve started planning the code for your SaaS website.
      0•0•0•0•Updated Nov 11, 2022Nov 11, 2022

    • semantics-schemantics

      Public
      A quick review exercise for HTML semantics before starting the term.
      0•0•0•0•Updated Nov 11, 2022Nov 11, 2022

    • sketching-websites

      Public
      Sketch the grids and type systems onto some paper wireframes for practice.
      0•0•0•0•Updated Nov 11, 2022Nov 11, 2022

    • using-a-type-system

      Public
      A quick look at using a generated type system from Typografier in your website to simplify making responsive layouts.
      195•1•0•0•Updated Nov 11, 2022Nov 11, 2022

    • using-gridifier

      Public
      A quick look at how using a generated grid from Gridifier in your website to simplify making responsive layouts.
      198•0•0•0•Updated Nov 11, 2022Nov 11, 2022

    • why-the-type-face

      Public
      A quick activity practicing using the Typografier classes and determining which to use in what situation.
      0•0•0•0•Updated Nov 11, 2022Nov 11, 2022

    • arrrgenes-treasure-tours

      Public
      Fix colour contrast & colour blindness related problems on a piratey tourism website.
      CSS
      •137•1•0•0•Updated Oct 5, 2020Oct 5, 2020

    • accessibility-fixer-upper

      Public
      Fix and debug all the accessibility problems found in this website.
      CSS
      •268•0•1•0•Updated Oct 1, 2020Oct 1, 2020

    • request-for-grade

      Public
      Write up the reasons why your final project demonstrates everything learned this term.
      0•0•0•0•Updated Apr 4, 2019Apr 4, 2019

    • saas-website

      Public
      Code the SaaS website you designed in your Interaction Design course.
      204•1•0•0•Updated Mar 26, 2019Mar 26, 2019

    • events-calendar

      Public
      Use HTML table elements to create a calendar of events.
      273•1•0•0•Updated Mar 22, 2019Mar 22, 2019

    • section

      Public
      Using the finalized HTML and basic CSS, complete the layout by adding Typografier & associated classes.
      HTML
      •314•0•0•0•Updated Jan 25, 2019Jan 25, 2019