Skip to content

Instantly share code, notes, and snippets.

View kfurness's full-sized avatar

Kelly Furness kfurness

  • kellyfurness.com
View GitHub Profile
@kfurness
kfurness / dance.js
Created January 30, 2017 18:44 — forked from wesbos/dance.js
// 1. Visit a news website like cnn.com
// 2. paste this into your console
setInterval(() =>
document.querySelectorAll('p,img,a,button,h1,h2,h3,span')
.forEach(x=>x.style=`transform:rotate(${Math.random()*777}deg) scale(${Math.random()* 3}); transition:all .5s`)
, 500);
// 3. feel a lil bit better 😘
@kfurness
kfurness / index.html
Created November 14, 2016 21:01
wk-08-d3-practive
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>D3 Practice</title>
<script src="https://d3js.org/d3.v4.min.js"></script>
<style>
circle {
fill: none;
@kfurness
kfurness / wk-04-what-is-this
Last active October 26, 2016 19:06
What is This Challenge
/*******************************/
/* Setting up the examples */
/*******************************/
var whatIsThis = function(a, b) {
console.log('This is...', this);
console.log('a = ', a);
console.log('b = ', b);
};
var inAnObject = {
@kfurness
kfurness / task.md
Last active September 27, 2016 01:20
wk-01-alpha-checklist

Tasks

  1. Complete your .gitignore file.
  2. Flesh out your basic html page.
  3. Find 5 appropriately licensed images with a common theme (e.g. https://pixabay.com/) and save them to your images directory.
  4. Create a subsection for each of your photos. Each subsection should contain the following:
    • a short descriptive heading
    • a descriptive paragraph that includes a link to a related internet page
    • the image
    • a list contain at least 2 keywords for the subsection
  5. For the Skilled Sorcerers & Wise Wizards among you, include header, nav, main, div, and footer elements with appropriate content.