Pinned Loading

1. frontendmentor frontendmentor Public

   A collection of front end practice provided by frontendmentor.io

   HTML

2. DataShuffle DataShuffle Public archive

   A data visualisation tool we wrote for a uni project. It scrapes data off websites and helps the user sort through it at a glance

   HTML 1

3. uon-ical-converter uon-ical-converter Public archive

   A tool I wrote to convert my courses timetable into calendar events back in uni

   Groovy

4. CSS responsive videos CSS responsive videos

   1

   .responsive-container{

   2

     position: relative;

   3

     padding-bottom: 56.25%;

   4

     padding-top: 30px;

   5

     height: 0;

5. Autosaving forms Autosaving forms

   1

   //call fieldUpdate() as the handler for oninput on your form

   2

   function fieldUpdate(){

   3

       const formData = {};

   4

       const inputs = Array.of(...document.querySelectorAll("input")).filter(it => it.type !== "submit")

   5

       inputs.forEach(it => formData[it.id || it.name] = it.value)

6. Theme chooser using only HTML and CSS Theme chooser using only HTML and CSS

   1

   body {

   2

     margin: 0;

   3

     font-family: system-ui, sans-serif;

   4

     font-size: 1.25rem;

   5

     line-height: 1.5;