Jenux jenux

## mouse-cursor-gradient-tracking.css
/*
 <button class="mouse-cursor-gradient-tracking">
   <span>Hover me</span>
 </button>
 */

.mouse-cursor-gradient-tracking {
  position: relative;
  background: #7983ff;
  padding: 0.5rem 1rem;

## index-array-based-on-function.js
const indexBy = (arr, fn) => arr.reduce((obj, val, i) => {
  obj[fn(val, i, arr)] = val
  return obj
}, {})

// Examples
indexBy([
  { id: 10, name: 'apple' },
  { id: 20, name: 'orange' }
], x => x.id)

## diff2html.sh
#!/bin/bash
#
# Convert diff output to colorized HTML.
# (C) Mitch Frazier, 2008-08-27
# http://www.linuxjournal.com/content/convert-diff-output-colorized-html
# Modified by stopyoukid
#

html="<html><head><meta charset=\"utf-8\"><title>Pretty Diff</title><style>body {text-align: center;}#wrapper {display: inline-block;margin-top: 1em;min-width: 800px;text-align: left;}h2 {background: #fafafa;background: -moz-linear-gradient(#fafafa, #eaeaea);background: -webkit-linear-gradient(#fafafa, #eaeaea);-ms-filter: \"progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa',endColorstr='#eaeaea')\";border: 1px solid #d8d8d8;border-bottom: 0;color: #555;font: 14px sans-serif;overflow: hidden;padding: 10px 6px;text-shadow: 0 1px 0 white;margin: 0;}.file-diff {border: 1px solid #d8d8d8;margin-bottom: 1em;overflow: auto;padding: 0.5em 0;}.file-diff > div {width: 100%:}pre {margin: 0;font-family: \"Bitstream Vera Sans Mono\", Courier, monospace;font-size: 12px;line-height: 1.4em;text-indent: 0.5em;}.file {color:

## vue-related-libs.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                jenux
                / vue-related-libs.md
            
            
              Last active
              March 6, 2019 02:25
            
          
    Vue Admin

Vue AdminLTE


AdminLTE of Admin control panel template Based on Vuejs 2.x Front-end Framework.

Devin Admin


Devinvue Admin is built with Vue 2 and Element. Element is a Vue 2.0 based component library for developers, designers and product managers, with a set of design resources. With responsive and optimized design for mobile and a wide range of useful components. Devinvue provide the easy way to build your next web project.

Vue Framework

Vuetify.js


Vuetify.js is a reusable semantic material component framework for Vue.js 2. It aims to provide clean, semantic and reusable components.


## dev-lib-tools-collection.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                jenux
                / dev-lib-tools-collection.md
            
            
              Last active
              March 6, 2019 02:21
            
              
                Bookmarked Dev Library/Tools
              
          
    Bookmarked Dev Library/Tools

JavaScript

https://jsplumbtoolkit.com/


The jsPlumb Toolkit is an advanced, standards-compliant and easy to use library for building Javascript connectivity based applications

1-5 developers $3500
Animation


## front-boilerplate.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                jenux
                / front-boilerplate.md
            
            
              Created
              November 30, 2018 04:22
            
              
                Front boilerplate
              
          
    react

create-react-app

$ npm install -g create-react-app
$ create-react-app my-app
$ cd my-app
$ npm start

react-boilerplate


## diff2html.sh
#!/bin/bash
#
# Convert diff output to colorized HTML.
# (C) Mitch Frazier, 2008-08-27
# http://www.linuxjournal.com/content/convert-diff-output-colorized-html
# Modified by stopyoukid
#

html="<html><head><meta charset=\"utf-8\"><title>Pretty Diff</title><style>body {text-align: center;}#wrapper {display: inline-block;margin-top: 1em;min-width: 800px;text-align: left;}h2 {background: #fafafa;background: -moz-linear-gradient(#fafafa, #eaeaea);background: -webkit-linear-gradient(#fafafa, #eaeaea);-ms-filter: \"progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa',endColorstr='#eaeaea')\";border: 1px solid #d8d8d8;border-bottom: 0;color: #555;font: 14px sans-serif;overflow: hidden;padding: 10px 6px;text-shadow: 0 1px 0 white;margin: 0;}.file-diff {border: 1px solid #d8d8d8;margin-bottom: 1em;overflow: auto;padding: 0.5em 0;}.file-diff > div {width: 100%:}pre {margin: 0;font-family: \"Bitstream Vera Sans Mono\", Courier, monospace;font-size: 12px;line-height: 1.4em;text-indent: 0.5em;}.file {color:

## git-proj-contributing.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                jenux
                / git-proj-contributing.md
            
            
              Created
              July 26, 2017 03:39
            
              
                git-project-contributing, copy from node contributing
              
          
https://github.com/nodejs/node/blob/master/CONTRIBUTING.md

Step 1: Fork

$ git clone git@github.com:username/node.git
$ cd node
$ git remote add upstream https://github.com/nodejs/node.git

Step 2: Branch


## git-committed-between-dates.sh
$ git log --oneline --decorate --graph --since “<start date>" --until “<end date>" --author “<Author name> <Author email ID>" | awk '{print $3}' | grep "OPUS-*"


# One example is,

$ git log --oneline --decorate --graph --since "MAY 08 2017" --until "MAY 12 2017" --author "Jenux <ijenux@gmail.com>" | awk '{print $3}' | grep "OPUS-*”

## bash-usage.sh
usage() {
  echo "Usage: $0 [-s <45|90>] [-p <string>]" 1>&2; exit 1;
}

while getopts ":s:p" o; do
    case "${o}" in
        s)
            s=${OPTARG}
            ((s == 45 || s == 90)) || usage
            ;;
	/*
	<button class="mouse-cursor-gradient-tracking">
	<span>Hover me</span>
	</button>
	*/

	.mouse-cursor-gradient-tracking {
	position: relative;
	background: #7983ff;
	padding: 0.5rem 1rem;
	const indexBy = (arr, fn) => arr.reduce((obj, val, i) => {
	obj[fn(val, i, arr)] = val
	return obj
	}, {})

	// Examples
	indexBy([
	{ id: 10, name: 'apple' },
	{ id: 20, name: 'orange' }
	], x => x.id)
	#!/bin/bash
	#
	# Convert diff output to colorized HTML.
	# (C) Mitch Frazier, 2008-08-27
	# http://www.linuxjournal.com/content/convert-diff-output-colorized-html
	# Modified by stopyoukid
	#

	html="<html><head><meta charset=\"utf-8\"><title>Pretty Diff</title><style>body {text-align: center;}#wrapper {display: inline-block;margin-top: 1em;min-width: 800px;text-align: left;}h2 {background: #fafafa;background: -moz-linear-gradient(#fafafa, #eaeaea);background: -webkit-linear-gradient(#fafafa, #eaeaea);-ms-filter: \"progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa',endColorstr='#eaeaea')\";border: 1px solid #d8d8d8;border-bottom: 0;color: #555;font: 14px sans-serif;overflow: hidden;padding: 10px 6px;text-shadow: 0 1px 0 white;margin: 0;}.file-diff {border: 1px solid #d8d8d8;margin-bottom: 1em;overflow: auto;padding: 0.5em 0;}.file-diff > div {width: 100%:}pre {margin: 0;font-family: \"Bitstream Vera Sans Mono\", Courier, monospace;font-size: 12px;line-height: 1.4em;text-indent: 0.5em;}.file {color:
	$ git log --oneline --decorate --graph --since “<start date>" --until “<end date>" --author “<Author name> <Author email ID>" \| awk '{print $3}' \| grep "OPUS-*"


	# One example is,

	$ git log --oneline --decorate --graph --since "MAY 08 2017" --until "MAY 12 2017" --author "Jenux <ijenux@gmail.com>" \| awk '{print $3}' \| grep "OPUS-*”
	usage() {
	echo "Usage: $0 [-s <45\|90>] [-p <string>]" 1>&2; exit 1;
	}

	while getopts ":s:p" o; do
	case "${o}" in
	s)
	s=${OPTARG}
	((s == 45 \|\| s == 90)) \|\| usage
	;;