From 23d42873eaa69afae52086be2edb95bf0d4703db Mon Sep 17 00:00:00 2001 From: Michael Underwood Date: Wed, 1 Mar 2017 12:05:41 -0700 Subject: [PATCH 01/10] =?UTF-8?q?=E2=9C=93=20Day=20one?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- 01 - JavaScript Drum Kit/index.html | 87 +++++++++++++++++++++++++++++ 1 file changed, 87 insertions(+) create mode 100644 01 - JavaScript Drum Kit/index.html diff --git a/01 - JavaScript Drum Kit/index.html b/01 - JavaScript Drum Kit/index.html new file mode 100644 index 0000000000..d27e79b063 --- /dev/null +++ b/01 - JavaScript Drum Kit/index.html @@ -0,0 +1,87 @@ + + + + + JS Drum Kit + + + + + +
+
+ A + clap +
+
+ S + hihat +
+
+ D + kick +
+
+ F + openhat +
+
+ G + boom +
+
+ H + ride +
+
+ J + snare +
+
+ K + tom +
+
+ L + tink +
+
+ + + + + + + + + + + + + + + + From b5e265ddacffbf5616328dfa5d065fecaac38641 Mon Sep 17 00:00:00 2001 From: Michael Underwood Date: Thu, 2 Mar 2017 10:00:52 -0700 Subject: [PATCH 02/10] Implement continuous rotation without transitions --- 02 - JS and CSS Clock/index.html | 96 ++++++++++++++++++++++++++++++++ 1 file changed, 96 insertions(+) create mode 100644 02 - JS and CSS Clock/index.html diff --git a/02 - JS and CSS Clock/index.html b/02 - JS and CSS Clock/index.html new file mode 100644 index 0000000000..7b3d212de1 --- /dev/null +++ b/02 - JS and CSS Clock/index.html @@ -0,0 +1,96 @@ + + + + + JS + CSS Clock + + + + +
+
+
+
+
+
+
+ + + + + + + From d6ed5d503ce181f34157983337ea4e39b594d077 Mon Sep 17 00:00:00 2001 From: Michael Underwood Date: Sun, 5 Mar 2017 20:47:03 -0700 Subject: [PATCH 03/10] =?UTF-8?q?=E2=9C=93=20Days=203=20and=204?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- 03 - CSS Variables/index.html | 86 +++++++++++++++++++++ 04 - Array Cardio Day 1/index.html | 118 +++++++++++++++++++++++++++++ 2 files changed, 204 insertions(+) create mode 100644 03 - CSS Variables/index.html create mode 100644 04 - Array Cardio Day 1/index.html diff --git a/03 - CSS Variables/index.html b/03 - CSS Variables/index.html new file mode 100644 index 0000000000..58e0b9d254 --- /dev/null +++ b/03 - CSS Variables/index.html @@ -0,0 +1,86 @@ + + + + + Scoped CSS Variables and JS + + +

Update CSS Variables with JS

+ +
+ + + + + + + + +
+ + + + + + + + + diff --git a/04 - Array Cardio Day 1/index.html b/04 - Array Cardio Day 1/index.html new file mode 100644 index 0000000000..4dc3329352 --- /dev/null +++ b/04 - Array Cardio Day 1/index.html @@ -0,0 +1,118 @@ + + + + + Array Cardio 💪 + + +

Psst: have a look at the JavaScript Console 💁

+
+ + + From 01b1106ef5eb725fd5cc32b7890264cadfbabf43 Mon Sep 17 00:00:00 2001 From: Michael Underwood Date: Mon, 6 Mar 2017 11:26:26 -0700 Subject: [PATCH 04/10] =?UTF-8?q?=E2=9C=93=20Day=205?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- 05 - Flex Panel Gallery/index.html | 155 +++++++++++++++++++++++++++++ 1 file changed, 155 insertions(+) create mode 100644 05 - Flex Panel Gallery/index.html diff --git a/05 - Flex Panel Gallery/index.html b/05 - Flex Panel Gallery/index.html new file mode 100644 index 0000000000..382fad27ee --- /dev/null +++ b/05 - Flex Panel Gallery/index.html @@ -0,0 +1,155 @@ + + + + + Flex Panels 💪 + + + + + + +
+
+

Hey

+

Let's

+

Dance

+
+
+

Give

+

Take

+

Receive

+
+
+

Experience

+

It

+

Today

+
+
+

Give

+

All

+

You can

+
+
+

Life

+

In

+

Motion

+
+
+ + + + + + + From 600cb881784773a5f1e97431da5dd16d13825807 Mon Sep 17 00:00:00 2001 From: Michael Underwood Date: Wed, 8 Mar 2017 11:55:55 -0700 Subject: [PATCH 05/10] =?UTF-8?q?=E2=9C=94=20Day=206?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- 06 - Type Ahead/index.html | 58 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 58 insertions(+) create mode 100644 06 - Type Ahead/index.html diff --git a/06 - Type Ahead/index.html b/06 - Type Ahead/index.html new file mode 100644 index 0000000000..e407b19d71 --- /dev/null +++ b/06 - Type Ahead/index.html @@ -0,0 +1,58 @@ + + + + + Type Ahead 👀 + + + + +
+ +
    +
  • Filter for a city
    • +
  • or a state
    • +
+
+ + + From 514523447da6d6a50aa959b2da088d804c889616 Mon Sep 17 00:00:00 2001 From: Michael Underwood Date: Wed, 8 Mar 2017 12:07:00 -0700 Subject: [PATCH 06/10] =?UTF-8?q?=E2=9C=94=20Day=207?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- 07 - Array Cardio Day 2/index.html | 58 ++++++++++++++++++++++++++++++ 1 file changed, 58 insertions(+) create mode 100644 07 - Array Cardio Day 2/index.html diff --git a/07 - Array Cardio Day 2/index.html b/07 - Array Cardio Day 2/index.html new file mode 100644 index 0000000000..2b0b4346a7 --- /dev/null +++ b/07 - Array Cardio Day 2/index.html @@ -0,0 +1,58 @@ + + + + + Array Cardio 💪💪 + + +

Psst: have a look at the JavaScript Console 💁

+ + + From 89e6acd76f150e0009a2bc89e1cc082a45476438 Mon Sep 17 00:00:00 2001 From: Michael Underwood Date: Thu, 9 Mar 2017 16:19:01 -0700 Subject: [PATCH 07/10] Lines from the corner --- 08 - Fun with HTML5 Canvas/index.html | 45 +++++++++++++++++++++++++++ 1 file changed, 45 insertions(+) create mode 100644 08 - Fun with HTML5 Canvas/index.html diff --git a/08 - Fun with HTML5 Canvas/index.html b/08 - Fun with HTML5 Canvas/index.html new file mode 100644 index 0000000000..1153ff0b47 --- /dev/null +++ b/08 - Fun with HTML5 Canvas/index.html @@ -0,0 +1,45 @@ + + + + + HTML5 Canvas + + + + + + + + + From 6918beefaa78b1b1e2a76d512c9ba2db8fb2a7ca Mon Sep 17 00:00:00 2001 From: Michael Underwood Date: Thu, 9 Mar 2017 16:21:17 -0700 Subject: [PATCH 08/10] Bursts from initial click point --- 08 - Fun with HTML5 Canvas/index.html | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/08 - Fun with HTML5 Canvas/index.html b/08 - Fun with HTML5 Canvas/index.html index 1153ff0b47..aff068eb58 100644 --- a/08 - Fun with HTML5 Canvas/index.html +++ b/08 - Fun with HTML5 Canvas/index.html @@ -19,7 +19,7 @@ ctx.lineJoin = 'round' ctx.strokeStyle = '#A55BAD' - let isDrawing = true + let isDrawing = false let lastX = 0 let lastY = 0 @@ -32,7 +32,19 @@ ctx.stroke() } + function startDrawing (e) { + [lastX, lastY] = [e.offsetX, e.offsetY] + isDrawing = true + } + + function stopDrawing () { + isDrawing = false + } + canvas.addEventListener('mousemove', draw) + canvas.addEventListener('mousedown', startDrawing) + canvas.addEventListener('mouseup', stopDrawing) + canvas.addEventListener('mouseout', stopDrawing)