Skip to content

Instantly share code, notes, and snippets.


John Reeves JohnReeves

View GitHub Profile
JohnReeves /
Last active Jan 1, 2018 — forked from daniellevass/
littlebits hack day @ bristol

1 starting

Firstly, using terminal install YQL and request if you don't have it already:

npm install request
npm install yql

Create a new .js file - make sure you can navigate to it with the terminal prompt to run.


1. Intro

So last time we played around with adding some colours into our website using CSS. We looked at how to change the text colour, font, and background colours! So my website currently looks like this:


This week we're going to look at taking our website out of JSBin so we can add our own pictures and add more pictures next week!

2. Creating a folder

JohnReeves / 0_reuse_code.js
Created Jan 16, 2016
Here are some things you can do with Gists in GistBox.
View 0_reuse_code.js
// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console
JohnReeves /
Last active Jun 1, 2020 — forked from daniellevass/
Web Programming Space Worksheet 1.5

Space Worksheet 1.5

alt text

You need to find the link for the solar system that you made last week - if for whatever reason you can't or you have lost it I have made you a starting jsfiddle - you will need to copy it into your before you start!

Task 1 - Hex Colours

There are many ways to represent colours with computers - we've been telling our svg shapes to be "red" or "yellow" or "green" - this isn't great if you want a specific colour green!

View Web Programming Space Worksheet

Space Worksheet 2

alt text

Task 1 - Setup

  • Either find your from last week (you need at least 1 planet to start this worksheet)
  • Or use my JSFiddle (please open in a new tab in Google Chrome)

Enable jQuery

View Web programming - space

Space Worksheet

alt text

Task 1 - Create your Sun

  • open in a new tab (preferably using Google Chrome)
  • create a new html/javascript/css project
  • add these lines in the body of the HTML file (index.html)
View mouse handling
#Mouse Handling using Tkinter
A minimal mouse handling script, clearly using tkinter. Clumsily importing *
from tkinter import *
lastx, lasty = 0, 0
View artistic method?
# import the libraries
from tkinter import *
from random import *
# Step 1: create the top level Tk object
View tkinter frames
really not minimal, taken from coding club bk
digits 0-9
ops add, subtract, multiply and divide
brackets and clear