Gists & Screencasts

Click on links to the left to get to screencasts about coding approaches/techniques you might want to use in your code sketches. You can download the code itself in the vimeo video notes.

Adding your stuff to github

Since is something so many ask for, belowis a screencast about how to push something onto github and here is what you should type into your terminal

• Navigate to your github website folder from top level folder: cd ./desktop/____.github.io
• Add your changes:
  git add .
• Commit your changes: git commit -m "write a message to yourself"
• push your changes online: git push

Link to vimeo here

Hover Screen Cast

It's all about how to create some cool hover effects! Useful for your people cards and first code sketches!

Here's the link to vimeo. Scroll down below for more!

Setting up your code journal screencast!

it's mostly about setting up a menu bar using divs and positioning.

Here's the link to vimeo. Scroll down below for more!

Intro to HTML and CSS — making a div with style

Here's the link!

All about positioning — fixed, relative, absolute

Here's a link to it on vimeo.

Curved corners Screncast!

Here's the link on vimeo and here's the gist

Make divs change color when move mouse around screen

Here's a link to it on vimeo and here's the link to the gist on github.

Make divs "disappear" and "reappear" on click of another div

Here's the link to it on Vimeo and here's the related gist

Here's a gist about changing the color of one div on click of another div

Refresher 1: Things to know Part 1

Here, I'm coding some HTML, CSS, and Javascript (variables, basic functions)

Here's the link to it on Vimeo

Refresher 2: Things to know Part 2

Here I'm coding using eventListeners primarily and using some other things in HTML, CSS, and Javascript

Here's the link to it on Vimeo

Refresher 3: Things to know Part 3

Here I'm coding using eventListeners primarily and using some other things in HTML, CSS, and Javascript

Here's the link to it on Vimeo