Skip to content

Instantly share code, notes, and snippets.

@aliblackwell
aliblackwell / scope.js
Created July 5, 2019 11:04
Block scope vs. functional scope
/*
var - functional scope == function declaration curly braces
let/const - block scope == curly braxes
*/
for (let i=0; i<something.length; i++) {
// i is only in here
}
@aliblackwell
aliblackwell / geo-app-foursquare.html
Created July 4, 2019 10:08
Geolocation app with Foursquare lookup
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=<device-width>, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
@aliblackwell
aliblackwell / geo-app.html
Created July 3, 2019 12:17
Workshop location demo
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=<device-width>, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
@aliblackwell
aliblackwell / Task.js
Created July 1, 2019 14:26
Task app with class that changes with state
import React, { useState } from 'react'
import './Task.css';
function Task(props) {
const [task, setTask] = useState(props.content)
const [taskComplete, setTaskComplete] = useState(true)
let taskCompleteClassName = 'Task-status'
@aliblackwell
aliblackwell / UI.MD
Last active March 22, 2019 15:46
Basic intro to UI

Implementing UI

This short guide shows you how to implement basic UI.

Start with your HTML file. If it's a list of e.g. friends, use the syntax like the below:

<!DOCTYPE html>
<html>
  <head>

Keybase proof

I hereby claim:

  • I am aliblackwell on github.
  • I am aliblackwell (https://keybase.io/aliblackwell) on keybase.
  • I have a public key ASBSMBiBVzqWrOI2Rd5fJiCXTKzsu6zeBXOyrXqZR8MqdAo

To claim this, I am signing this object:

@aliblackwell
aliblackwell / designer.html
Created November 28, 2014 22:56
designer
<link rel="import" href="../code-mirror/code-mirror.html">
<polymer-element name="my-element">
<template>
<style>
:host {
position: absolute;
width: 100%;
height: 100%;