Skip to content

Instantly share code, notes, and snippets.

✨ Kathryn Gonzalez ✨ ryngonzalez

  • DoorDash
  • San Francisco, CA
Block or report user

Report or block ryngonzalez

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@ryngonzalez
ryngonzalez / divider.scss
Created Nov 19, 2013
CSS divider using :after and :before pseudo elements.
View divider.scss
%divider {
&:after, &:before {
display: block;
position: absolute;
}
&:after {
text-transform: none;
text-shadow: none;
@include rem(font-size, 12px);
text-align: center;
View focus-trap-example.js
var createFocusTrap = require('../../');
var containerOne = document.getElementById('demo-one');
var focusTrapOne = createFocusTrap('#demo-one', {
onDeactivate: function () {
containerOne.className = 'trap';
},
});
document.getElementById('activate-one').addEventListener('click', function () {
@ryngonzalez
ryngonzalez / notes.md
Created Mar 23, 2017
Real-time Insights powered by Reactive Programming
View notes.md

Real-time Insights powered by Reactive Programming

Presenter: Jay Phelps (@_jayphelps)

  • Jay Phelps
    • Senior Software Engineer
  • InfoSec
    • Preventing unauthorized access
    • Stopping hackers
    • Can block exploits using their gateway proxy
      • They need to know if it's working
@ryngonzalez
ryngonzalez / spring.scss
Created Nov 19, 2013
spring.scss: an attempt at making spring animations using only SASS. Still a work in progress.
View spring.scss
@mixin spring($selector, $name, $duration, $delay, $location, $spring) {
// Set Defaults
$selector: ".spring" !default;
$location: 0,0,0 !default;
$name: "spring" !default;
$duration: 1s !default;
$delay: 0s !default;
$spring: 0.1 !default;
// Set selector to use animation
View showAfterEvent directive
angular.module('$app.directives')
.directive 'showAfterEvent', ['$timeout', ($timeout)->
return {
link: (scope, element, attrs) ->
eventName = attrs.showAfterEvent
element.css 'opacity', 0
element.bind eventName, (e) ->
@ryngonzalez
ryngonzalez / angular-textarea-autoresize.js
Created Jul 22, 2013
A small, performant way of automatically expanding a textarea in Angular.
View angular-textarea-autoresize.js
// Ryan Gonzalez 7/2013
// Adapted from the blog post
// http://phaistonian.pblogs.gr/expanding-textareas-the-easy-and-clean-way.html
angular.module('autoresize', []);
angular.module('autoresize')
.directive('autoresize', function($window){
'use strict';
return {
@ryngonzalez
ryngonzalez / toggleData.js
Created Jun 12, 2013
Toggle your data-attributes, yo.
View toggleData.js
(function(jQuery){
$.fn.toggleData = function(dataAttr, onState, offState) {
this.attr(dataAttr, this.attr(dataAttr) === onState ? offState : onState)
};
})($);
@ryngonzalez
ryngonzalez / director.js
Created Dec 15, 2012
A small library for HTML5 Audio that executes a given function at particular time during playback.
View director.js
/**
* Copyright 2012 - Ryan Gonzalez - @ryngonzalez - ryan@ionizedmedia.com
*
* Director.js
*
* Takes an audio element and an
* object of functions and corresponding
* times to execute them during
* audio playback.
*
View dlist_test.cpp
#include "../unit-test-framework/unit_test_framework.h"
#include "../dlist.h"
#include <iostream>
#include <stdio.h>
#include <stdlib.h>
#include <time.h>
using namespace std;
/********************************************************
@ryngonzalez
ryngonzalez / gist:3806173
Created Sep 30, 2012
Foursquare ruby implementations
View gist:3806173
client = Foursquare.new(:oauthToken => "", :oauthSecret => "")
categories = client.categories()
goodCategories = []
categories.each do |category|
if category.name != "food" || category.name != "nightlife"
goodCategories.push(categoryId)
end
You can’t perform that action at this time.