Assignment hub for V2

Bart's V2 Assignments

  • Task:

    CSS Selectors

    Do certain things with css to this premade website, without touching the html.

  • Task:

    Food Festival

    Make this website from scratch, must look like the screenshot

  • Task:

    Simple Web Transitions

    Learn to know the transition property by interacting with these boxes in specific ways

  • Task:

    Basic Web Animations

    Play around with the transform property

  • Task:

    Basic CSS Animations

    Use @keyframes to apply a sequence of properties to an element, making an animation

  • Task:

    Bouncing Ball

    Use @keyframes mindfully to make a realistic depiction of a bouncing balls which obey the laws of physics (except selfperpetuation)

  • Task:

    Animated Infographic

    Make this site with an animated Infographic matching the gif

  • Task:

    Animated Banner Advertisement

    Make a banner for an advertisement which is animated, interactive, and obnoxious.

  • Task:

    CSS Scrapbook

    Make a collage like shown on the demo

  • Task:

    rwd changing color

    Box color changes based on screen width

  • Task:

    3 Column layout

    make a 3 column layout and use media queries to add interactions as the screen width decreases

  • Task:

    Mobile menu

    make a nav menu which turns from horizontal to vertical when on a phone screen

  • Task:

    rwd table

    Make a responsive table by hiding columns at certain screen width breakpoints

  • Task:

    rwd form

    responsive form with 3 query breakpoints

  • Task:

    rwd image gallery

    Make a responsive image gallery

  • Task:

    RWD Project

    Make a responsive website fulfilling the given criteria

  • Task:

    V2 Preliminary Exam

    Make this website while following the rules

  • Task:

    V2 Exam

    Make this website look exactly as the videoes and screenshots

Other:

  • Other:

    Previous Design

    Previous design of this hub

  • Other:

    Accordion experiment

    an accordion menu, which also can have all the elements collapsed, and uses grid to omit the issue with transitions and relative sizes

  • Other:

    Tab set

    tried making a tab set

  • Other:

    Tab set 2

    tabset with more streamlined html but more repetitive css as result

  • Other:

    YouTube API

    displays videoes of inserted youtube playlist

  • Other:

    arrow cutout background

    learned clip-path property to recreate these background arrow'esque transitions between elements