Parvez Shaikh imparvez

GENERATORS:

Text Content Generator - http://www.lipsum.com
Favicon Generator - http://tools.dynamicdrive.com/favicon
Data Generator - https://mockaroo.com/
Mobile Mockup Generator - https://mockuphone.com
Logo Generator - https://www.logaster.com
UUID Generator - https://www.uuidgenerator.net/
Hash Generator - https://passwordsgenerator.net/sha256-hash-generator/
Ultimate Code Generator - https://webcode.tools/

Group Array of JavaScript Objects by Key or Property Value

Implementation

const groupBy = key => array =>
  array.reduce((objectsByKeyValue, obj) => {
    const value = obj[key];
    objectsByKeyValue[value] = (objectsByKeyValue[value] || []).concat(obj);
    return objectsByKeyValue;

Wordpress & Docker

This file will setup Wordpress, MySQL & PHPMyAdmin with a single command. Add the code below to a file called "docker-compose.yaml" and run the command

$ docker-compose up -d

# To Tear Down
$ docker-compose down --volumes

	/*
	This .scss loop will create "margin helpers" and "padding helpers" for use in your web projects.
	It will generate several classes such as:

	.m-r-10 which gives margin-right 10 pixels.
	.m-r-15 gives MARGIN to the RIGHT 15 pixels.
	.m-t-15 gives MARGIN to the TOP 15 pixels and so on.

	.p-b-5 gives PADDING to the BOTTOM of 5 pixels
	.p-l-40 gives PADDING to the LEFT of 40 pixels

	/* eslint strict: [2, "global"] */
	'use strict';

	/* Main paths */
	var projectRoot = './',
	root = './myProject.web/', // project root
	index = root + 'Views/Shared/Layouts/',
	src = root + 'Content/', // source code
	temp = root + 'temp/', // temporary folder
	dist = src + 'dist/', // generated code

	import React, { Component, PropTypes } from 'react';
	import styled from 'styled-components';

	class Checkbox extends Component {
	render() {
	return (
	<Styled
	onClick={() => this.props.onChange(!this.props.checked)}
	>
	<input

	//a quick example of how to use actual 'if' statements inside template literals,
	//without using ternary operator. Sometimes this is cleaner if you have complex conditionals or nested conditionals.
	//data param is passed in via render(template(data), this) - if not using lit-html, could be any function
	template = (data) => html`
	<div id="job_edit" class="modal">
	<div class="modal-content">
	${
	//we're just going to wrap an anonymous inline function here and then call it with some data
	(job => { //job here, is just an example, it could be anything, it's passed in below in (data.job)
	if(job)

	// Add on element with overflow
	-webkit-mask-image: -webkit-radial-gradient(white, black);