Sandeep Kumar Vemula bittu

## aspectratio.js
function gcd(a, b) {
  return (b === 0) ? a : gcd(b, a % b);
}

function getAspectRatio(width, height) {
  const r = gcd(width, height);
  return `${width / r} : ${height / r}`
  /*
  return {
    x: width / r,

## detect-chromecast.js
/**
 * We use this workaround to detect the Chromecast device generation.
 * Unfortunately the Cast Application Framework (CAF) does not have an API for that.
 *
 * cc-1: Chromecast 1st Gen.
 * cc-2: Chromecast 2nd Gen.
 * cc-3: Chromecast 3rd Gen.
 * cc-ultra: Chromecast Ultra
 * cc-builtin: Android TV with Chromecast built-in
 * cc-googletv: Google TV with Chromecast

## intercept.js

(function(XHR) {
    "use strict";

    var stats = [];
    var timeoutId = null;

    var open = XHR.prototype.open;
    var send = XHR.prototype.send;


## numberOfLines.js
export const countNumOfLines = (el) => (el ? Math.ceil(el.clientHeight / parseInt(getComputedStyle(el, null).getPropertyValue('line-height'))) : 0)

## flexbox.scss
.flexbox {
  display: flex;
  justify-content: space-between;

  & > :only-child {
    margin-left: auto;
    margin-right: auto;
  }
}

## uniqId.js
const uniqId = () => (Date.now() * Math.random()).toString(36)

// Generates uniqId as
// coyppu5a.lan
// b3v7gp76.lif

// If '.' wants to be removed remove then use replace or Math.ceil

## cursor.html
<!DOCTYPE html>
<html>
<head>
  <meta name="description" content="Custom mouse move cursor">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Custom mouse move cursor</title>
  <style>
    .cursor {
      position: absolute;

## useForceUpdateHook.js
import { useState, useCallback } from 'react'

export default function useForceUpdate() {
  const [, dispatch] = useState({})
  return useCallback(() => dispatch({}), [])
}

/**
 * Usage:
 *

## areObjectsEqual.js
var equalityCheck = function(a, b) {
  if (typeof a === 'object' && typeof b === 'object') {
    if (!compareObjects(a, b)) {
      return false;
    }
  } else if (a !== b) {
    return false;
  }
  return true;
};

## designtips.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                bittu
                / designtips.md
            
            
              Last active
              October 1, 2019 15:40
            
              
                RefactoringUI design tips
              
          
    [UI design tips] (https://twitter.com/i/moments/994601867987619840)
	function gcd(a, b) {
	return (b === 0) ? a : gcd(b, a % b);
	}

	function getAspectRatio(width, height) {
	const r = gcd(width, height);
	return `${width / r} : ${height / r}`
	/*
	return {
	x: width / r,
	/**
	* We use this workaround to detect the Chromecast device generation.
	* Unfortunately the Cast Application Framework (CAF) does not have an API for that.
	*
	* cc-1: Chromecast 1st Gen.
	* cc-2: Chromecast 2nd Gen.
	* cc-3: Chromecast 3rd Gen.
	* cc-ultra: Chromecast Ultra
	* cc-builtin: Android TV with Chromecast built-in
	* cc-googletv: Google TV with Chromecast

	(function(XHR) {
	"use strict";

	var stats = [];
	var timeoutId = null;

	var open = XHR.prototype.open;
	var send = XHR.prototype.send;
	.flexbox {
	display: flex;
	justify-content: space-between;

	& > :only-child {
	margin-left: auto;
	margin-right: auto;
	}
	}
	const uniqId = () => (Date.now() * Math.random()).toString(36)

	// Generates uniqId as
	// coyppu5a.lan
	// b3v7gp76.lif

	// If '.' wants to be removed remove then use replace or Math.ceil
	<!DOCTYPE html>
	<html>
	<head>
	<meta name="description" content="Custom mouse move cursor">
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>Custom mouse move cursor</title>
	<style>
	.cursor {
	position: absolute;
	import { useState, useCallback } from 'react'

	export default function useForceUpdate() {
	const [, dispatch] = useState({})
	return useCallback(() => dispatch({}), [])
	}

	/**
	* Usage:
	*
	var equalityCheck = function(a, b) {
	if (typeof a === 'object' && typeof b === 'object') {
	if (!compareObjects(a, b)) {
	return false;
	}
	} else if (a !== b) {
	return false;
	}
	return true;
	};