Skip to content

Instantly share code, notes, and snippets.

View andreasvirkus's full-sized avatar
🙊
made you look

andreas andreasvirkus

🙊
made you look
41 followers · 7 following
View GitHub Profile
@andreasvirkus
andreasvirkus / adorableAvatars.js
Created July 20, 2018 12:52
I'd like to take a moment and thank adorable.io for existing <3 This small module uses their avatar API: http://avatars.adorable.io/
const randStr = Math.random().toString(36).substr(2, 5)
export default `https://api.adorable.io/avatars/40/${randStr}@adorable`
@andreasvirkus
andreasvirkus / adorableAvatars.js
Created July 20, 2018 12:52
I'd like to take a moment and thank adorable.io for existing <3
const randStr = Math.random().toString(36).substr(2, 5)
export default `https://api.adorable.io/avatars/40/${randStr}@adorable`
@andreasvirkus
andreasvirkus / conditionalFocusStyles.js
Last active July 19, 2018 08:48
const styleEl = document.createElement('style')
styleEl.setAttribute('id', '_unique-id-outline-styles')
document.head.appendChild(styleEl)
// Inject outline preventing styles only for non-keyboard users
document.addEventListener('mousedown', () => {
styleEl.innerHTML = 'a,a:focus,button,button:focus,input,input:focus,textarea,textarea:focus,div:focus {outline:none}'
})
document.addEventListener('keydown', () => {
@andreasvirkus
andreasvirkus / serializeWithStyles.js
Created July 19, 2018 07:14
Get the whole DOM of an element with its styles (defaults excluded) inlined.
/**
* Usage:
*
* document.getElementById('app').serializeWithStyles()
*
* Credits go to https://stackoverflow.com/a/6310120/2803743
*/
Element.prototype.serializeWithStyles = (function () {
// Mapping between tag names and css default values lookup tables. This allows to exclude default values in the result.
@andreasvirkus
andreasvirkus / .slate
Created July 18, 2018 06:50
Slate config from lmullen
# GLOBAL CONFIGURATIONS
# -------------------------------------------------------------------
# See https://github.com/jigish/slate/wiki/Global-Configs
config defaultToCurrentScreen true
config secondsBeforeRepeat 0.4
config secondsBetweenRepeat 0.1
config keyboardLayout "qwerty"
config nudgePercentOf screenSize
config resizePercentOf screenSize
@andreasvirkus
andreasvirkus / tally.js
Created July 8, 2018 16:34
Takes an array and returns a tally of its unique items
const nums = [3, 5, 6, 82, 1, 4, 3, 5, 82]
const result = nums.reduce((tally, amt) => {
tally[amt] ? tally[amt]++ : tally[amt] = 1
return tally
}, {})
console.log(result)
@andreasvirkus
andreasvirkus / installPeerDeps.sh
Created July 3, 2018 10:33
Install peerDependencies on UNIX machines
(
export PKG=eslint-config-airbnb;
npm info "$PKG@latest" peerDependencies --json | command sed 's/[\{\},]//g ; s/: /@/g' | xargs npm install --save-dev "$PKG@latest"
)
@andreasvirkus
andreasvirkus / formatBytes.js
Created July 2, 2018 06:09
Modified version of https://stackoverflow.com/a/14919494/2803743
export default (bytes) => {
const thresh = 1024;
if (Math.abs(bytes) < thresh) {
return bytes + ' B';
}
const units = ['kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
let u = -1;
@andreasvirkus
andreasvirkus / readBattery.js
Last active July 2, 2018 05:55
Get navigator's battery data (current percentage, power source, usage time remaining and time to fully charge)
(function() {
let battery;
function toTime(sec) {
sec = parseInt(sec, 10)
let hours = Math.floor(sec / 3600)
let minutes = Math.floor((sec - (hours * 3600)) / 60)
let seconds = sec - (hours * 3600) - (minutes * 60)
@andreasvirkus
andreasvirkus / gist:63249f6bbe011851e9065175f9837d30
Created June 27, 2018 14:44
<!--[if lte IE 9]>
<div class="legacy-warning">
<div class="container">
Seems like your browser is quite outdated.
Why not <a href="http://browsehappy.com/">upgrade to a modern one</a>
for free and improve your experience?
</div>
</div>
<![endif]-->