Skip to content

Instantly share code, notes, and snippets.

View Ggoering's full-sized avatar

George Goering Ggoering

4 followers · 1 following
  • Denver, CO
View GitHub Profile
@Ggoering
Ggoering / GeorgeG_prework.md
Last active March 15, 2017 03:22
Turing prework

GG Prework

Day 1

HTML

  1. On a website, what is the purpose of HTML code?
  • HTML Code is a way to communicate with a browser how you want the features of the webpage to be formatted.
  1. What is the difference between an element and a tag?
  • An element is composed of tags, attributes & their respective values, and content between the tags. A tag is a recognized piece of the HTML code contained within symbols '< >' that has intrinsic properties which will tell the browser to display the content a certain way.
@Ggoering
Ggoering / gist:0d4541374cdd52a2c87c129935a713d9
Created March 15, 2017 19:48
Mod 1 Questions from HTML lesson 2
Part One:
1. What is the attribute for indicate on the label element? Do you always have to use it? Why or why not?
* the attribute "for" is used to tie the label element with its corresponding input on a form. Not required if the input is within the label element.
2. What are 5 values for the type attribute of an input element and how do they work?
* button: by default does nothing, but is interactable
* radio: provides options in which only a single choice is possible
* checkbox: value attribute must be defined to each box, multiple choices possible
* email: checks for valid email address format, or accepts blank depending on settings
* date: accepts only valid dates as an input, can provide clickable calendar
@Ggoering
Ggoering / gist:bd97d3ca30f696d42e49b814127e4a9d
Last active July 3, 2017 20:15
Turing Mod 1 HTML Lesson 2 Challenge 3
<title>
<p>Main Title</p>
<form aria-label="article searchbox" name="lookup" action="/" method="get">
<input role="searchbox" type="search">
<input role="button" type="submit">
</form>
</title>
<nav>
<ul>
<li><a href="/">Home</a></li>
@Ggoering
Ggoering / csschallenge.md
Last active March 24, 2017 17:52
CSS layout challenges

I learned that codepen doesn't create a new save if you change the file name and save again... So I can only share where I started a new pen. :sadface:

CSS Layout Challenge Number 3

Nested div 2 in div 1. Div 1 had position: relative. div 2 used position absolute. I subtracted half of div 1 height and width by half of div 2 height and width to get the positioning for the center, so then set top: 75px and left: 75px on div 2.

CSS Layout Challenge Number 10

Nested div 2 and 3 within div 1. I floated 2 and 3 left and right respectively with 50px margin, and translatedY 25%.