Skip to content

Instantly share code, notes, and snippets.

Problem: Give the user feedback when she adds a recipe to her favorites or her basket.
(new page)
Solution: Badge icon that displays and catches the users attention through bouncing quickly.
(new page)
function bindAddTo(destination, badge) {
$('.add-to-' + destination).on('click', function(e) {
e.preventDefault();
var recipeContainer = $(this).closest('.recipe-container');
badge.add($(this).attr('href'), recipeContainer);
@thestereoscopics
thestereoscopics / gist:6416516
Created September 2, 2013 19:33
Karmaville 1
https://github.com/purple-martins-2013/Karmaville1
@thestereoscopics
thestereoscopics / form-validator.js
Last active December 21, 2015 03:59 — forked from ksolo/form-validator.js
Form Validation
$(function(){
$('button').on('click', function(e) {
e.preventDefault();
var email = $('input[name="email"]').val();
var password = $('input[name="password"]').val();
$('#errors li').remove();

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.
@thestereoscopics
thestereoscopics / index.html
Last active December 21, 2015 01:19 — 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>
http://minus.com/lbojzCjfLtBe9p
http://minus.com/lWJh4ZZFbdViL
http://sellout.minus.com/lL7iDCXh8TNx7
http://sellout.minus.com/lbolg0Q1IUGYO9
<?xml version="1.0" encoding="utf-8" ?>
<!-- SQL XML created by WWW SQL Designer, http://code.google.com/p/wwwsqldesigner/ -->
<!-- Active URL: http://socrates.devbootcamp.com/sql.html -->
<sql>
@thestereoscopics
thestereoscopics / gist:6102206
Created July 29, 2013 04:53
Database Drill: One to One Schema Challenge
http://minus.com/lwvICAJEnG4Xg
<?xml version="1.0" encoding="utf-8" ?>
<!-- SQL XML created by WWW SQL Designer, http://code.google.com/p/wwwsqldesigner/ -->
<!-- Active URL: http://socrates.devbootcamp.com/sql.html -->
<sql>
<datatypes db="mysql">
<group label="Numeric" color="rgb(238,238,170)">
<type label="Integer" length="0" sql="INTEGER" re="INT" quote=""/>
<type label="Decimal" length="1" sql="DECIMAL" re="DEC" quote=""/>
@thestereoscopics
thestereoscopics / gist:6102187
Created July 29, 2013 04:46
Database Drill: Many To Many Schema
http://minus.com/lbhsO7XyTF6S10
<?xml version="1.0" encoding="utf-8" ?>
<!-- SQL XML created by WWW SQL Designer, http://code.google.com/p/wwwsqldesigner/ -->
<!-- Active URL: http://socrates.devbootcamp.com/sql.html -->
<sql>
<datatypes db="mysql">
<group label="Numeric" color="rgb(238,238,170)">
<type label="Integer" length="0" sql="INTEGER" re="INT" quote=""/>
<type label="Decimal" length="1" sql="DECIMAL" re="DEC" quote=""/>
@thestereoscopics
thestereoscopics / gist:6102144
Created July 29, 2013 04:29
Database Drill: One To Many Schema Challenge - (kept getting the same gist for all the assignments)
http://minus.com/lBsJkcvJDoQqU
<?xml version="1.0" encoding="utf-8" ?>
<!-- SQL XML created by WWW SQL Designer, http://code.google.com/p/wwwsqldesigner/ -->
<!-- Active URL: http://socrates.devbootcamp.com/sql.html -->
<sql>
<datatypes db="mysql">
<group label="Numeric" color="rgb(238,238,170)">
<type label="Integer" length="0" sql="INTEGER" re="INT" quote=""/>
<type label="Decimal" length="1" sql="DECIMAL" re="DEC" quote=""/>
class Vehicle
attr_accessor :color, :stopped, :status, :wheels
def initialize(arg)
@color = arg[:color]
end
def brake
self.status = :stopped
end