hayes0724

{%- comment -%}
  Lazyload/Lazysizes responsive image snippet
  Author: Eric Hayes
  Version: 2.3
  -------------------------------------

  Requires:
    image: {Obect} image object setting variable

  Accepts:

CITguy

Automatic Git Hook Installation for Node workflow

NOTE: This setup assumes that your project is for a shared NPM package and your workflow has a start script defined in package.json.

1. Git Hooks Directory

Recommendation: git-hooks/

Since git ignores the .git/ directory, you'll need to create a separate directory to house your version-controlled hooks. I'd recommend git-hooks/ to make its purpose obvious. Whatever name you give your hooks directory, you'll

Pilotin

Setup

• Create new working folder /tailwind/. Open in terminal
• run npm init -y
• run npm install tailwindcss @tailwindcss/custom-forms postcss-cli autoprefixer postcss-nested cssnano
• run npx tailwind init
• Edit tailwind.config.js and replace plugins: [], with:

plugins: [

neoneye

// Copyright © 2019 Simon Strandgaard. All rights reserved.
import SwiftyBeaver

public let log = SwiftyBeaver.self

extension BaseDestination.LevelColor {
	mutating func applyDefaultStyle() {
		debug   = "🏐 "
		info    = "🏐 "
		verbose = "🏐 "

hoangmirs

1. Preparing the server

Install git

sudo apt install git-all

Generate Server's SSH public key

ssh-keygen -t rsa -b 4096 -C "deploy"
cat ~/.ssh/id_rsa.pub

joshbuchea

Semantic Commit Messages

See how a minor change to your commit message style can make you a better programmer.

Format: <type>(<scope>): <subject>

<scope> is optional

Example

WebReflection

// https://medium.com/@bdc/web-components-the-react-way-8ed5b6f4f942
const store = (() => {
  let state;
  return todos => {
    if (todos) {
      state = todos;
      render("todo-list");
    }   
    return state;
  };  

renatorib

Using Operator Mono with Fira Code ligatures in Atom.

1. Open your Atom's Stylesheet
   

2. Put this css

atom-text-editor {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;

hfalucas

/**
 * Think of this "main.js" file as your application bootstrap.
 */

import Vue from 'vue'
import Resource from 'vue-resource'
import VueRouter from 'vue-router'
import routes from './routes'
import middleware from './middleware'

davej

const transitionToPromise = (el, property, value) =>
  new Promise(resolve => {
    el.style[property] = value;
    const transitionEnded = e => {
      if (e.propertyName !== property) return;
      el.removeEventListener('transitionend', transitionEnded);
      resolve();
    }
    el.addEventListener('transitionend', transitionEnded);
  });