Skip to content

Instantly share code, notes, and snippets.

@jamiewilson
jamiewilson / multiple-forms-example.html
Created October 18, 2017 16:16
Multiple Forms Submit to Google Sheets
<form name="first-form">
<input name="email" type="email" placeholder="Email" required>
<button type="submit">Send</button>
</form>
<form name="second-form">
<input name="email" type="email" placeholder="Email" required>
<button type="submit">Send</button>
</form>
@jamiewilson
jamiewilson / all-css-properties.md
Last active April 10, 2016 17:00
List of all CSS Propterties

all
background
background-attachment
background-clip
background-color
background-image
background-origin
background-position
background-repeat
background-size

@jamiewilson
jamiewilson / html-focus.md
Last active September 6, 2023 23:19
Focusable HTML Elements

CSS :focus Selector

The :focus selector is used to select the element that has focus. It is allowed on elements that accept keyboard events or other user inputs.

  • HTMLInputElement
  • HTMLSelectElement
  • HTMLTextAreaElement
  • HTMLAnchorElement
  • HTMLButtonElement
  • HTMLAreaElement
@jamiewilson
jamiewilson / sass-random-color.scss
Created March 17, 2016 17:02
Sass Random Color Generator
/* Create random color for brands */
/* http://geoffgraham.me/randomize-sass */
$s-min: 20;
$s-max: 70;
$l-min: 30;
$l-max: 90;
@for $i from 1 through 100 {
.card:nth-child(#{$i}) .card-brand-color {
@jamiewilson
jamiewilson / javascript-shorthand.md
Created January 13, 2016 21:52
The Shorthand for Commonly Used Code

Math on number variables

growCount ++; // increment by 1
shrinkCount --; // decrement by 1
growCout += 10; // add 10
shrinkCount -= 20; // subtract 20
moreSweets *= 5; // multiply by 5
lessApple /= 2; // divide by 2