Skip to content

Instantly share code, notes, and snippets.

@conorluddy
conorluddy / devtools
Created November 26, 2020 09:48
Dev Tools
Tooling
- Network
- https://proxyman.io
@conorluddy
conorluddy / envconfig
Created August 6, 2019 09:50
Firebase ENV config etc
const config = {
apiKey: process.env.FIREBASE_KEY,
authDomain: process.env.FIREBASE_DOMAIN,
}
@conorluddy
conorluddy / easings.scss
Created July 2, 2018 12:24
SASS Easings
$bounce-in: cubic-bezier(.175, .885, .32, 1.275);
$airlift: cubic-bezier(.7, 0, .3, 1);
$soft-landing: cubic-bezier(.57, .85, .61, .9);
$chop-one: cubic-bezier(.07, .63, 0, .8);
$chop-two: cubic-bezier(.28, .87, .19, .97);
$slow-in-slow-out: cubic-bezier(.26, .92, .35, 1);
$water-kick: cubic-bezier(.32, .9, .68, .98);
$like-punching-jam: cubic-bezier(.32, .68, 0, .7);
$linear: cubic-bezier(.25, .25, .75, .75);
$ease: cubic-bezier(.25, .1, .25, 1);
# Your snippets
#
# Atom snippets allow you to enter a simple prefix in the editor and hit tab to
# expand the prefix into a larger code block with templated values.
#
# You can create a new snippet in this file by typing "snip" and then hitting
# tab.
#
# An example CoffeeScript snippet to expand log to console.log:
#
@conorluddy
conorluddy / facebook-group-member-request-quick-add.js
Last active January 7, 2019 13:20
If you have a Facebook group with a large list of pending member requests, running this will find the people who have existing friends in the group, or mutual friends with you, and programatically click their 'Approve' button.
/**
* If you have a Facebook group with a large list of pending member requests,
* running this will find the people who have existing friends in the group,
* or mutual friends with you, and programatically click their 'Approve' button.
*
* Obviously it will only work on items that have been loaded into the DOM already,
* so if the list is long keep scrolling until you reach the end of it before running this.
*
* DOM traversal was accurate at the time of creation, but I'm not responsible for
* you running this after Facebook refactor their HTML/React templates and banning everyone
@conorluddy
conorluddy / detectTabKeyUsers.js
Last active June 29, 2016 10:09
JS (jQuery) function to add a class to the document once the user hits the tab key. Allows you to use additional styles for accessibility that won't show until tab key has been used. Probably causes issues, use with care.
/**
* If user hits tab key then we add a class to <html> that lets us use
* additional styling hints to show focus etc.
*/
function detectTabKey() {
$(document).one('keydown', function(e) {
if (e.keyCode === 9) {
$('html').addClass('is-tab-user');
}
@conorluddy
conorluddy / knmi.js
Created June 16, 2016 11:18
jQuery Konami trigger that doesn't accumulate a large array of chars
var kkeys = [];
var konami = "38,38,40,40,37,39,37,39,66,65";
$(document).on('keydown',
function(e) {
kkeys.push( e.keyCode );
kkeys=kkeys.slice(-10);
if ( kkeys.toString().indexOf(konami) >= 0 ){
$(document).off('keydown');
kkeys = [];