Skip to content

Instantly share code, notes, and snippets.

Avatar

Avi avisek

View GitHub Profile
@avisek
avisek / colorConversions.js
Created May 21, 2022
RGB, HSL, XYZ, LAB, LCH color conversion algorithms in JavaScript
View colorConversions.js
export function rgbToHsl(rgb) {
const r = rgb.r / 255
const g = rgb.g / 255
const b = rgb.b / 255
const max = Math.max(r, g, b), min = Math.min(r, g, b)
let h, s, l = (max + min) / 2
if (max == min) {
h = s = 0 // achromatic
@avisek
avisek / ResizeObserverPolyfill.js
Created Apr 19, 2022
Tiny ResizeObserver polyfill
View ResizeObserverPolyfill.js
// https://codepen.io/dgca/pen/WoJoNB
export const ResizeObserver = window.ResizeObserver || class ResizeObserver {
constructor(callback) {
this.observables = [];
// Array of observed elements that looks like this:
// [{
// el: domNode,
// size: {height: x, width: y}
// }]
this.boundCheck = this.check.bind(this);
@avisek
avisek / delete-folders-via-npm-script.markdown
Last active Apr 29, 2022
Delete folders via NPM script
View delete-folders-via-npm-script.markdown

Add below code in package.json script

{
  "scripts": {
     "rmdir": "node -e \"var fs = require('fs'); process.argv.slice(1).map((fpath) => fs.rmdirSync(fpath, { recursive: true })); process.exit(0);\"",
  }
}

Then execute as below in command window

@avisek
avisek / flexbox-holy-albatross-quantity-query.markdown
Created Oct 3, 2019
Flexbox Holy Albatross + Quantity Query
View flexbox-holy-albatross-quantity-query.markdown
View getRandomColor.js
function getRandomColor() {
var x = Math.round(0xffffff * Math.random()).toString(16);
var y = (6 - x.length);
var z = '000000';
var z1 = z.substring(0, y);
return '#' + z1 + x;
}
View findAncestor.js
/**
* Return the first ancestor for which the {@code predicate} returns true.
* @param {Node} node The node to check.
* @param {function(Node):boolean} predicate The function that tests the
* nodes.
* @return {Node} The found ancestor or null if not found.
*/
function findAncestor(node, predicate) {
var last = false;
while (node != null && !(last = predicate(node))) {
View getOffset.js
function getOffset(element) {
var left = element.offsetLeft;
var top = element.offsetTop;
while (element = element.offsetParent) {
left += element.offsetLeft + element.clientLeft - element.scrollLeft;
top += element.offsetTop + element.clientTop - element.scrollTop;
}
return {
left: left,
top: top
View os-detection.js
/** Whether we are using a Mac or not. */
function isMac() {
return /Mac/.test(navigator.platform);
}
/** Whether this is on the Windows platform or not. */
function isWindows() {
return /Win/.test(navigator.platform);
}
View random.js
// Getting a random number between 0 (inclusive) and 1 (exclusive)
function getRandom() {
return Math.random();
}
// Getting a random number between two values
function getRandomArbitrary(min, max) {
return Math.random() * (max - min) + min;
}