Skip to content

Instantly share code, notes, and snippets.

View angusgrant's full-sized avatar

angusgrant

2 followers · 5 following
View GitHub Profile
@angusgrant
angusgrant / .block
Last active August 28, 2018 23:20
Angus chart (worldofdata) test
license: mit
@angusgrant
angusgrant / .block
Last active August 29, 2018 00:14
Angus chart (worldofdata) test
license: mit
@angusgrant
angusgrant / Microsoft 70-480 Exam Study Guide.md
Last active November 4, 2019 16:52 — forked from rgharris/Microsoft 70-480 Exam Study Guide.md
Microsoft 70-480 Exam Study Guide

Microsoft 70-480 Exam Study Guide

Programming in HTML5 with JavaScript and CSS3

Table of Contents

Intro

@angusgrant
angusgrant / index.html
Created February 4, 2020 12:08 — forked from syntagmatic/index.html
Wiggling Circles
<!doctype html>
<meta charset="utf-8">
<script src="https://d3js.org/d3.v4.js"></script>
<canvas id="painting" width=960 height=500></canvas>
<script>
var colorScale = d3.scaleOrdinal()
//.range(["red", "green", "blue"]);
.range(["#490A3D","#BD1550","#E97F02","#F8CA00","#8A9B0F"]);
var canvas = d3.select("#painting").node();
@angusgrant
angusgrant / password-visibility-template.html
Last active October 10, 2022 22:22
lesson 1 vanilla JS
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Password Visibility</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css">
body {
margin: 0 auto;
@angusgrant
angusgrant / week1-lesson2.html
Created October 12, 2022 12:54
Vanilla JS week 1 lesson 2
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Password Visibility - Multiple Fields</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css">
body {
margin: 0 auto;
@angusgrant
angusgrant / week1-lesson3.html
Created October 15, 2022 00:09
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Password Visibility - Multiple Forms</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css">
body {
margin: 0 auto;
@angusgrant
angusgrant / week2-lesson1.html
Created October 17, 2022 23:16
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Character Count</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css">
body {
margin: 0 auto;
@angusgrant
angusgrant / week2-lesson2.html
Last active October 19, 2022 20:59
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Character & Word Count</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css">
body {
margin: 0 auto;
@angusgrant
angusgrant / week2-lesson3.html
Created October 21, 2022 20:43
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Character & Word Count - Announcing the Count</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css">
body {
margin: 0 auto;