Skip to content

Instantly share code, notes, and snippets.

View ChristopherWerby's full-sized avatar

Christopher Werby ChristopherWerby

View GitHub Profile

Keybase proof

I hereby claim:

  • I am christopherwerby on github.
  • I am pipsqueak (https://keybase.io/pipsqueak) on keybase.
  • I have a public key ASBP-qL0p36oGRtD-L3Ky-xesXaTe6h-HJM06Mm7IncZ4Ao

To claim this, I am signing this object:

@ChristopherWerby
ChristopherWerby / dabblet.css
Last active January 17, 2018 21:45
Adapted from Lea Verou — Glass Window Effect which Blurs Background; hyphenation
/**
* Adapted from Lea Verou — Glass Window Effect which Blurs Background; hyphenation
* ref: https://www.youtube.com/watch?v=3ikye7Qc7Ak (36:21)
* result: http://result.dabblet.com/gist/b5fc1b82f6eb8a6863005b884d72ad0b/6608e33160916bb722d1ecde553b5eabcdb4a972
*/
.page {
background: url(http://lorempixel.com/1200/1200/nature/4) bottom fixed;
background-size: cover;
position: relative;
@ChristopherWerby
ChristopherWerby / dabblet.css
Created January 17, 2018 00:54
Lea Verou's Lined Paper Effect using Linear Gradient
/**
* Lea Verou's Lined Paper Effect using Linear Gradient
* ref: https://www.youtube.com/watch?v=3ikye7Qc7Ak (17:25)
* result: http://result.dabblet.com/gist/724b7bde9c977364892cbd3e32b25628/78a536ff7348f806832712f4d6b277803a7bbf13
*/
p {
font-family: 'League Script', cursive;
font-size: 4em;
line-height: 1.2;
@ChristopherWerby
ChristopherWerby / dabblet.css
Last active January 17, 2018 00:33 — forked from anonymous/dabblet.css
Lea Verou's Lined Paper Effect using Linear Gradient
/**
* Lea Verou's Lined Paper Effect using Linear Gradient
* ref: https://www.youtube.com/watch?v=3ikye7Qc7Ak (17:25)
* result: http://result.dabblet.com/gist/724b7bde9c977364892cbd3e32b25628/78a536ff7348f806832712f4d6b277803a7bbf13
*/
p {
font-family: 'League Script', cursive;
font-size: 4em;
line-height: 1.2;
@ChristopherWerby
ChristopherWerby / React-Jest-Enzyme-Testing_Boilerplate.js
Last active July 22, 2019 11:10
React, Jest, Enzyme - React Component Testing Boilerplate
//Christopher Werby
//2017-12-10
//Testing Boilerplate used with create-react-app, for testing a React App's components using Jest and Enzyme.
//Credit to Stephen Scott, https://medium.freecodecamp.org/the-right-way-to-test-react-components-548a4736ab22
//
//Initial setup after create-react-app is installed:
//npm install --save-dev enzyme enzyme-adapter-react-16 react-test-renderer jest-enzyme
//Create a file at /src/setupTests.js:
// import { configure } from 'enzyme';
// import Adapter from 'enzyme-adapter-react-16';