Skip to content

Instantly share code, notes, and snippets.

View ericxjohnston's full-sized avatar

Eric Johnston ericxjohnston

  • Logicmonkey
View GitHub Profile
@ericxjohnston
ericxjohnston / exampleUsage.ts
Created March 25, 2021 14:25 — forked from jasonkuhrt/exampleUsage.ts
Abstraction for defining result fields in Nexus
/**
* This does not show surrounding code like referenced types.
*/
resultMutationField('inviteUserToProject', {
input(t) {
t.nonNull.id('userHandle')
t.nonNull.id('projectId')
t.nonNull.field('role', {
type: 'ProjectRole',
/**
* Retrieves all the rows in the active spreadsheet that contain data and logs the
* values for each row.
* For more information on using the Spreadsheet API, see
* https://developers.google.com/apps-script/service_spreadsheet
*/
function readRows() {
var sheet = SpreadsheetApp.getActiveSheet();
var rows = sheet.getDataRange();
var numRows = rows.getNumRows();
@ericxjohnston
ericxjohnston / gradients-linear-vs-opposing-corner-radial.markdown
Created August 19, 2020 12:49
Gradients - Linear vs Opposing Corner Radial

Animated SVG Avatar

Created a login form with an SVG avatar that responds to the input in the email field. Used the GSAP TweenMax library + GSAP's MorphSVG plugin for the animating.

Email validation is very simple and crude just for the purposes of getting this prototype working.

A Pen by Eric Johnston on CodePen.

License.

@ericxjohnston
ericxjohnston / impossible-checkbox-v2.markdown
Created August 19, 2020 12:21
Impossible Checkbox v2 🐻

Impossible Checkbox v2 🐻

Revisiting one of my favorite pens to update the React side of it and add sound

A Pen by Jhey on CodePen.

License.

Keybase proof

I hereby claim:

  • I am ericxjohnston on github.
  • I am ericjohnston (https://keybase.io/ericjohnston) on keybase.
  • I have a public key ASAtSIh7tjqHhWgU_HgVjqLTjsAQr4xVlfGfNbCa37n4hAo

To claim this, I am signing this object: