vitaliy-kravchenko-dev

List of libraries

• http://fabricjs.com/ - has a lot of plugins and open-source modifications. Possible to achieve most of businnes requirements. Has ability to manage data throught JSON or SVG. Touch devices support. Possible to run under Node.js
• https://www.createjs.com/easeljs - games oriented library. Is a part of CreateJS framework. Has a lot of profitable functionality around animation, sounds integration and performance.
• http://paperjs.org/ - animation oriented library. Good performance optimization.
• https://konvajs.github.io/ - canvas extender like FabricJS. Good performance even on the mobile. Support layers and stages. Possible to redraw image by layers. Has ability to manage Stage from\to JSON.
• http://pixijs.io/ - it is a flexible 2D WebGL renderer. Unbeatable performance, intuitive API, globally used. Complex framework.
• https://threejs.org/ - popular framework for games and complex animation in the Web.

Plugins for FabricJS

• https://codepen.io/osublake/pen/gGLLOa - draggable\sizin

vitaliy-kravchenko-dev

@mixin flex-grid-items($cols) {
  display: flex;
  flex-wrap: wrap;

  > * {
    $item-width: 100% / $cols;
    width: $item-width;
    box-sizing: border-box;
  }
}

vitaliy-kravchenko-dev

/**
 * Copyright 2018 <NAME>
 * This file is part of <APP>.
 *
 * <APP> is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 2 of the License, or
 * (at your option) any later version.
 *
 * <APP> is distributed in the hope that it will be useful,

vitaliy-kravchenko-dev

Show list of dependencies with versions

npm list --depth=0

Show list of outdated dependencies with versions

npm outdated --depth=0

vitaliy-kravchenko-dev

getCityCountry(results) {
    const location: any = {};

    for (const component of results[0].address_components) {
      if (component.types.includes('sublocality') || component.types.includes('locality')) {
        location.city = component.long_name;
      } else if (component.types.includes('administrative_area_level_1')) {
        location.state = component.short_name;
      } else if (component.types.includes('country')) {
        location.country = component.long_name;

vitaliy-kravchenko-dev

Package

https://www.npmjs.com/package/local-web-server

Run local proxy server

ws --rewrite "* -> http://127.0.0.1/$1"

vitaliy-kravchenko-dev

Clean up already merged branches

Local cleaning

git branch -r --merged | egrep -v "(^\*|master|dev|release|staging)" | xargs git branch -d

Remove local branches which don't have remote origin

git fetch -p && for branch in `git branch -vv | grep ': gone]' | awk '{print $1}'`; do git branch -D $branch; done Found on Stackoverflow - https://stackoverflow.com/a/33548037

Remote delete

git branch -r --merged | egrep -v "(^\*|master|dev|release|staging)" | sed 's/origin\///' | xargs -n 1 git push --delete origin

vitaliy-kravchenko-dev

netstat -a -n -o | find "443"
tasklist /svc /FI "PID eq 37400"

vitaliy-kravchenko-dev

List

HTML5 Canvas Gradient Creator

Link - http://victorblog.com/html5-canvas-gradient-creator/

Build a script with Gradients. Built over Angular 1.x

vitaliy-kravchenko-dev

// Source
// http://bgrins.github.io/devtools-snippets/#console-save

(function(console){

    console.save = function(data, filename){

        if(!data) {
            console.error('Console.save: No data')
            return;