Skip to content

Instantly share code, notes, and snippets.

View tarynsauer's full-sized avatar

Taryn Sauer tarynsauer

  • Madison, WI
View GitHub Profile
@tarynsauer
tarynsauer / gist:d698dc39537c65a4b0ff9dc326326367
Last active June 2, 2021 20:12 — forked from ingdir/gist:0b211b9253c376f9cfa5
BEM Cheatsheet

BEM Cheatsheet

Checklist:

  • Blocks are descriptive and independent of other class names.
  • Elements are semantically tied to a block.
  • Neither elements nor modifiers are “nested.”
  • In the CSS, block and element classes are defined independently.
  • Modifiers are only used for variation/flag purposes.
  • In the HTML, modifiers are only used alongside the original classes that they modify.
@tarynsauer
tarynsauer / carousel.js
Created September 5, 2013 20:53 — forked from ksolo/carousel.js
Image Carousel
@tarynsauer
tarynsauer / carousel.js
Created September 5, 2013 20:35 — forked from ksolo/carousel.js
Image Carousel
@tarynsauer
tarynsauer / form-validator.js
Last active December 22, 2015 09:49 — forked from ksolo/form-validator.js
Form Validation
$(function(){
function isValidEmailAddress(emailAddress) {
var pattern = new RegExp(/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i);
return
@tarynsauer
tarynsauer / zoo.js
Last active December 22, 2015 09:19 — forked from dbc-challenges/zoo.js
var Zoo = {
init: function(animals) {
this.animals = animals;
},
bipeds: function(){
return this.animals.filter(function(animal){
return animal.legs === 2;
});
},
@tarynsauer
tarynsauer / index.html
Last active December 22, 2015 09:18 — forked from dbc-challenges/index.html
DBC Phase 2 Practice Assessment Part 3
<!doctype html>
<html>
<head>
<link rel="stylesheet" href="http://cdn.jsdelivr.net/normalize/2.1.0/normalize.css">
<link rel="stylesheet" href="main.css">
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800">
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Lato:100,900">
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/3.0.2/css/font-awesome.min.css">
</head>
@tarynsauer
tarynsauer / jquery_quiz.js
Created September 3, 2013 13:54 — forked from dbc-challenges/jquery_quiz.js
/* Here is your chance to take over Socrates!
Spend 10 minutes on each of the following hacks to the socrates website.
Enter them in the console to make sure it works and then save
your results here.
Choose a new pair for each. Add your names to the section you complete.
*/
@tarynsauer
tarynsauer / lucky_ajax.md
Created August 29, 2013 14:22 — forked from dbc-challenges/lucky_ajax.md

Instructions:

  1. Download this application skeleton.
  2. Convert the app to use AJAX.
  3. Add any files you changed to your gist and submit your code.