Skip to content

Instantly share code, notes, and snippets.

View SeanMcP's full-sized avatar

Sean McPherson SeanMcP

165 followers · 120 following
View GitHub Profile
@SeanMcP
SeanMcP / scrape_npsl_clubs.js
Last active August 21, 2018 20:05
Get an array of clubs from NPSL team list
//========
// 2019
//========
// Perhaps this is the same as 2018. I can't remember.
$$('h6[style="text-align: center;"]').map(item => {
if (item.innerText.includes('\n')) return item.innerText.split('\n')[0];
return item.innerText;
})
//========
@SeanMcP
SeanMcP / svg-to-base64.html
Created December 6, 2018 05:07
Convert an SVG to Base64
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<img id="image" />
<?xml version="1.0" standalone="no"?>
<svg width="200" height="250" version="1.1" xmlns="http://www.w3.org/2000/svg">
@SeanMcP
SeanMcP / setup_retropie.sh
Last active February 17, 2019 04:16
Help commands to setup Raspberry Pi 3 B+ with RetroPie
# Get to configs
sudo raspi-config
#
sudo /home/pi/
# Get to SSH settings
# SSH
# > Make sure you're on the same wifi network
@SeanMcP
SeanMcP / miles_per_year.js
Last active April 2, 2019 05:00
Add miles per year field to car search results
// AutoTrader
$$('span.miles-per-year').forEach(element => element.parentNode.removeChild(element))
$$('div.inventory-listing-body').forEach(card => {
// AGE
// getYear is relative to 1900
var currentModelYear = new Date().getYear() + 1901
var title = card.querySelector('h2.text-size-400').textContent
var numbers = title.match(/(\d+){4}/g)
@SeanMcP
SeanMcP / post_bootcamp.md
Last active June 4, 2019 12:00
Recommendations for front-end focused bootcamp grads
  • Spend more time learning/practicing than job searching
  • Focus on your specialty
  • Make websites: for yourself, your club, your mom, your neighbor
  • Make apps: typical examples (todo, sorted table), remake existing apps
  • Work on a passion project: find one app that clicks with you and work on it regularly
  • Learn about a11y/a11y development: valuable skillset that will set you apart from the crowd
  • Learn tooling: ESLint, Prettier, node modules
  • Make your own node module: it's not as hard as it seems and will provide you valuable info into how node modules work
  • Practice styling: CSS3 (variables, flex box, grid), SASS/LESS
  • Ditch bootstrap: fine technology that some companies use, but doesn't demonstrate much developer ability
@SeanMcP
SeanMcP / bash.sh
Last active August 28, 2019 15:33
Zip a directory for Chrome Web Store
zip -r popsicle-sticks-mini.zip popsicle-sticks-mini -x "*.DS_Store" "*.svg" \*.git\* "*README.md" \*src/img/cws\*
@SeanMcP
SeanMcP / user.js
Last active September 18, 2019 17:20
Filter options in "Awesome Design Systems"
// ==UserScript==
// @name Filter options in "Awesome Design Systems"
// @version 1
// @grant none
// @match https://github.com/alexpate/awesome-design-systems
// ==/UserScript==
(() => {
'use strict'
@SeanMcP
SeanMcP / path.txt
Created October 15, 2019 20:58
Firefox settings
Users/<username>/Library/Application Support/Firefox/Profiles/xxxxxxxx.default
@SeanMcP
SeanMcP / react-in-x.md
Created February 12, 2020 11:33
Key concepts to understand to become a React developer

The order is appoximate:

  1. HTML & CSS
  2. JavaScript: data types, structures, loops, methods, promises
  3. React by CDN
  4. Node.js
  5. Node modules
  6. Babel & Webpack
  7. ES6 Basics: import, export, destructuring
  8. create-react-app
@SeanMcP
SeanMcP / cloudSettings
Last active February 20, 2020 11:14
{"lastUpload":"2020-02-20T11:14:48.323Z","extensionVersion":"v3.4.3"}