Skip to content

Instantly share code, notes, and snippets.

View Tor020's full-sized avatar

Kevin Tor020

View GitHub Profile
@Tor020
Tor020 / unfollow.js
Created December 19, 2020 22:36 — forked from JamieMason/unfollow.js.md
Unfollow everyone on twitter.com
// Unfollow everyone on twitter.com, by Jamie Mason (https://twitter.com/fold_left)
// https://gist.github.com/JamieMason/7580315
//
// 1. Go to https://twitter.com/YOUR_USER_NAME/following
// 2. Open the Developer Console. (COMMAND+ALT+I on Mac)
// 3. Paste this into the Developer Console and run it
//
// Last Updated: 09 April 2020
(() => {
const $followButtons = '[data-testid$="-unfollow"]';
@Tor020
Tor020 / index.html
Created August 10, 2018 22:22
mix-blend-mode
<div class="wrapper">
<div class="box">
<p>Washington D.C.</p>
</div>
<small class="mode-name-wrapper">
<span class="mode-name">hard-light</span>
</small>
</div>
@Tor020
Tor020 / ba-smallwalker.js
Created July 3, 2018 21:53 — forked from cowboy/ba-smallwalker.js
Small Walker: A small and simple JavaScript DOM walker
/*!
* Small Walker - v0.1.1 - 5/5/2011
* http://benalman.com/
*
* Copyright (c) 2011 "Cowboy" Ben Alman
* Dual licensed under the MIT and GPL licenses.
* http://benalman.com/about/license/
*/
// Walk the DOM, depth-first (HTML order). Inside the callback, `this` is the
@Tor020
Tor020 / gist:f3608c8bab9d40d6b1c9b58592d5b18e
Created June 17, 2018 23:57
Complete List of Bulma Scss variables v0.71
$black :ಠ;
$black-bis:ಠ;
$black-ter:ಠ;
$grey-darker:ಠ;
$grey-dark:ಠ;
$grey:ಠ;
$grey-light:ಠ;
$grey-lighter:ಠ;
$white-ter:ಠ;
$white-bis:ಠ;
@Tor020
Tor020 / postcss.config.js
Created March 31, 2018 21:32 — forked from jgierer12/postcss.config.js
Minimal CSS Modules + PostCSS webpack config
module.exports = {
plugins: {
'postcss-cssnext': {},
// other plugins (https://github.com/postcss/postcss#plugins)
'cssnano': {}
}
}
@Tor020
Tor020 / postcss.config.js
Created March 31, 2018 21:32 — forked from jgierer12/postcss.config.js
Minimal CSS Modules + PostCSS webpack config
module.exports = {
plugins: {
'postcss-cssnext': {},
// other plugins (https://github.com/postcss/postcss#plugins)
'cssnano': {}
}
}
@Tor020
Tor020 / what-forces-layout.md
Created February 15, 2018 00:53 — forked from paulirish/what-forces-layout.md
What forces layout/reflow. The comprehensive list.

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Element

Box metrics
  • elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent
  • elem.clientLeft, elem.clientTop, elem.clientWidth, elem.clientHeight
  • elem.getClientRects(), elem.getBoundingClientRect()
@Tor020
Tor020 / index.html
Created February 7, 2018 03:10
Login/Logout animation concept
<div class="cont">
<div class="demo">
<div class="login">
<div class="login__check"></div>
<div class="login__form">
<div class="login__row">
<svg class="login__icon name svg-icon" viewBox="0 0 20 20">
<path d="M0,20 a10,8 0 0,1 20,0z M10,0 a4,4 0 0,1 0,8 a4,4 0 0,1 0,-8" />
</svg>
<input type="text" class="login__input name" placeholder="Username"/>
import React, {Fragment} from 'react';
import Card from "./Card/Card";
import * as data from "./Card/Stored-Links/Anchor-List";
console.log(Object.keys(data.propData));
const {
KF2Calc,
ToDoList,
WPressSolutions,
import React, {Component} from 'react';
import BackFooter from '../components/BackFooter'
import FrontFooter from '../components/FrontFooter'
import {Anchor, LiBoxThmb, LiBoxNoThmb } from "./Anchor"
class Card extends Component {
render() {