List of helpful shortcuts for faster coding
If you have any other helpful shortcuts, feel free to add in the comments of this gist :)
background(150, 22,224); | |
fill(172, 145, 235); | |
ellipse(200, 200, 100, 108); | |
fill(70, 3, 255); | |
ellipse(200, 116, 100, 100); | |
line(160, 19, 170, 79); | |
line(160, 19, 190, 69); | |
line(200, 19, 190, 69); |
// simple snowman | |
ellipse(200, 300, 150, 150); | |
ellipse(200, 200, 100, 100); | |
ellipse(200, 120, 75, 75); | |
//hat | |
fill(0, 0, 0); | |
rect(160,20,55,70); | |
rect(155,60,90,30); | |
//eyes | |
ellipse(185,115,10,10); |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<title>Challenge: Sliding Snake</title> | |
<style> | |
body { | |
background: black; | |
color: green; | |
font-family: Arial, sans-serif; |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<title>Project: Word game </title> | |
<style> | |
body { | |
font-family: Arial, sans-serif; | |
} | |
form { |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<title>Challenge: Donut Calculator</title> | |
</head> | |
<body> | |
<h1>Donut Calculator</h1> | |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<title>Challenge: jQuery trivia quiz</title> | |
<style> | |
#result { | |
background: rgb(255, 246, 204); | |
border: 2px dotted gold; | |
font-size: 24px; |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<title>Challenge: Spot the Dog</title> | |
<style> | |
.dot { | |
border-radius: 10px; | |
background: purple; | |
position: absolute; |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<title>Challenge: Croc Clicker</title> | |
</head> | |
<body> | |
<button id="results"></button> | |
<h1>Challenge: Croc Clicker</h1> | |
<img id="crocs" src="https://www.kasandbox.org/programming-images/animals/crocodiles.png" width="300" alt="Crocodiles chilling"> |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<title>Challenge: Daisy chain</title> | |
</head> | |
<body> | |
<script src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js'></script> | |
<script> |