Skip to content

Instantly share code, notes, and snippets.

View jenniferlynparsons's full-sized avatar
🦄
ALL THE THINGS

Jennifer Lyn Parsons jenniferlynparsons

🦄
ALL THE THINGS
View GitHub Profile
{
"origin" : ["Remember, it's okay to turn off the news for a bit.",
"Go get a drink of water. Stay hydrated!",
"Take a break. Find a window and check the weather.",
"Have you stretched recently? Do it now. It will help.",
"When you eat something, try to make it healthy.",
"Stop. Take three slow deep breaths.",
"Ask for help if you need it.",
"Dance break!",
"Do you have a glass of water nearby? Time for a sip!",

Hello!

I am a senior web developer from the beautiful, beloved state of New Jersey. I currently work for Lab Zero Innovations, a digital consultancy based in San Francisco, working in various front end technologies and building tools for Fortune 10 clients.

With over 9 years of professional web development experience and an additional decade of graphic design work under my belt, I have expertise in a wide variety of obscure and often obtuse technologies. This often comes in handy when I'm trying to learn new obscure and obtuse technologies.

My goal as a developer is to build tools that are useful, engaging, elegant and leave the world a better place than I found it. My personal projects such as selfcare.tech and the text-based game engine, Plastic, are all rooted in this core mission.

import React from "react";
export class GenericComponent extends React.Component {
render() {
return (
<div data-testid="generic">
<h1>Hello, World!</h1>
</div>
);
}
@jenniferlynparsons
jenniferlynparsons / PrivateRoute.js
Created June 7, 2019 19:05
A bit about Jest mocks
import React from "react";
import { Route, Redirect } from "react-router-dom";
import { connect } from "react-redux";
const PrivateRoute = ({ component: Component, auth, ...rest }) => (
<Route
{...rest}
render={props =>
auth.isAuthenticated === true ? (
<Component {...props} />
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Early returns comparison</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/benchmark/1.0.0/benchmark.min.js"></script>
<script src="./suite.js"></script>
</head>
<body>
<h1>Open the console to view the results</h1>
@jenniferlynparsons
jenniferlynparsons / semantic-layout.html
Last active November 1, 2017 21:50 — forked from thomd/semantic-layout.html
Standard HTML5 Semantic Layout
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Title</title>
<link href="stylesheets/main.css" rel="stylesheet" />
</head>
<body>
<header>
<hgroup>

Keybase proof

I hereby claim:

  • I am jenniferlynparsons on github.
  • I am pixelpaperyarn (https://keybase.io/pixelpaperyarn) on keybase.
  • I have a public key ASB8lzIssXPkA-qWPwGRHflx57N5tU1CWIslACGn6mphtwo

To claim this, I am signing this object:

<?php
/**
* WordPress Query Comprehensive Reference
* Compiled by luetkemj - luetkemj.com
*
* CODEX: http://codex.wordpress.org/Class_Reference/WP_Query#Parameters
* Source: https://core.trac.wordpress.org/browser/tags/3.9/src/wp-includes/query.php
*/
$args = array(
@jenniferlynparsons
jenniferlynparsons / Lightbox background cheat
Last active August 29, 2015 14:00
Lightbox background cheat
/* This adds a faked lightbox shadow background to a block-level element, reducing the need to add separate wrapper divs. It's a bit hacky, but works great for doing mockups without having to implement fancybox/lightbox etc. javascript.
NOTES:
- The spread radius can be adjusted as needed, if page may go wider/taller than 2000px.
- Opacity and color can be adjusted before finalizing the scripting.
- The z-index of element may require adjustment.
- Items in the background will still be live/clickable.
- This will only work in browsers that support box-shadow, of course, so most versions of Chrome/Firefox/Opera and IE 9 or later (unless a polyfill is used)
*/