Skip to content

Instantly share code, notes, and snippets.

View Bijesse's full-sized avatar

Tom Bijesse Bijesse

View GitHub Profile
@Bijesse
Bijesse / index.html
Created August 11, 2016 23:28 — forked from anonymous/index.html
prototype ex // source http://jsbin.com/jupuxoz
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>prototype ex</title>
</head>
<body>
<script id="jsbin-javascript">
@Bijesse
Bijesse / index.html
Created August 4, 2016 23:32 — forked from anonymous/index.html
Blast off, callback ex // source http://jsbin.com/bidoca
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Blast off, callback ex</title>
</head>
<body>
<script id="jsbin-javascript">
@Bijesse
Bijesse / index.html
Created August 2, 2016 23:42 — forked from anonymous/index.html
anon functions 1 // source http://jsbin.com/someji
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>anon functions 1</title>
</head>
<body>
<script id="jsbin-javascript">
@Bijesse
Bijesse / index.html
Created August 2, 2016 23:37 — forked from anonymous/index.html
Set time out ex // source http://jsbin.com/widake
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Set time out ex</title>
</head>
<body>
<script id="jsbin-javascript">
@Bijesse
Bijesse / index.html
Created July 25, 2016 15:56 — forked from anonymous/index.html
Giphy Mini-Activity // source http://jsbin.com/gunijo
<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-2.1.4.js"></script>
<meta charset="utf-8">
<title>Giphy Mini-Activity</title>
</head>
<body>
<div id="gif"></div>
<script id="jsbin-javascript">
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<script id="jsbin-javascript">

🖥 🛠 Dev Tools 🖥 🛠

1. What are Dev Tools and why should we use them? ❓❓❓

  • our window into what is going on behind the scenes of a web application (We'll be using Chrome's tools, but other browsers have as well)
  • how we troubleshoot
  • can examine or "borrow" styles or code from other websites

2. Dom Manipulation (“Elements” Tab) ✏️️✏️️✏️️️️

  • selecting elements
  • changing content of elements
@Bijesse
Bijesse / index.html
Created July 12, 2016 14:59 — forked from anonymous/index.html
Tiny Turtle // source http://jsbin.com/cejeki
<!DOCTYPE html>
<html>
<head>
<script src="https://toolness.github.io/tiny-turtle/tiny-turtle.js"></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Tiny Turtle</title>
<style id="jsbin-css">
canvas{
width: 400px;
<!DOCTYPE html>
<html>
<head>
<script src="http://toolness.github.io/tiny-turtle/tiny-turtle.js"></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Tiny Turtle</title>
<style id="jsbin-css">
canvas{
width: 400px;
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<!-- Put your page markup here -->
</body>
</html>