Skip to content

Instantly share code, notes, and snippets.

View ryngonzalez's full-sized avatar

✨ Kathryn Gonzalez ✨ ryngonzalez

209 followers · 689 following
View GitHub Profile
@ryngonzalez
ryngonzalez / spring.scss
Created November 19, 2013 23:25
spring.scss: an attempt at making spring animations using only SASS. Still a work in progress.
@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
@ryngonzalez
ryngonzalez / _glitch.scss
Created September 14, 2014 01:02
A cool glitch effect created with the use of the `clip` CSS property, `text-shadows`, and randomized CSS keyframes. From @chriscoyier at CSS-Tricks: http://css-tricks.com/glitch-effect-text-images-svg/
/*
(TEXT) PARAMS
=================
1. Namespace
2. Intensity
3. Text color
4. Background color (flat)
5. Highlight #1 color
6. Highlight #2 color
7. Width (px)
@ryngonzalez
ryngonzalez / StyleProtocols.jsx
Last active August 29, 2015 14:27
// #########################################
// protocols/listlike.jsx
// #########################################
import { Root, Children, conforms, ProtocolStyle } from 'style-protocol'
import Listable from 'protocols/listable'
export default class Listlike extends HierarchyProtocol {
hierarchy() {
return (
<Root>
@ryngonzalez
ryngonzalez / InsertLayerFromFile.js
Last active August 29, 2015 14:27
Insert a Sketch layer from an absolute path'd file
// Name of layer to copy
var sourceLayerName = "Card",
url = NSURL.URLWithString("file:///Users/ryan/Downloads/Test.sketch")
if( true ) {
var sourceDoc = MSDocument.new()
if(sourceDoc.readFromURL_ofType_error(url, "com.bohemiancoding.sketch.drawing", nil)) {
var allChildren = sourceDoc.pages().valueForKeyPath("@distinctUnionOfArrays.children")
@ryngonzalez
ryngonzalez / notes.md
Created March 23, 2017 04:09
Real-time Insights powered by Reactive Programming

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 / focus-trap-example.js
Created November 6, 2017 04:59
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 / copy-link.js
Last active January 22, 2023 01:49
A Scriptable widget setup to easily copy and paste links!