Matt Levy ducksoupdev

scrollIntoViewIfNeeded 4 everyone!!!

This gist provides a simple JavaScript implementation of the non-standard WebKit method scrollIntoViewIfNeeded that can be called on DOM elements.

Usage

Just use the code in index.js in your app or website. You can see usage in the test page test.html.

The parent element will only scroll if the element being called is out of the view. The boolean can force the element to be centered in the scrolling area.

GrapesJS - attributes, classes, and scripts

Attributes

In order to add custom attributes to an HTML element that is generated by GrapesJS, one can simply make use of traits. For example, if you wish to produce an HTML element which contains the tag data-noout, a trait with the name data-noout can be added to a custom component.

    var domComps = editor.DomComponents;
    var dType = domComps.getType('default');
 var dModel = dType.model;

Workbox runtime caching recipes

Your Service Worker script will need to import in Workbox and initialize it before calling any of the routes documented in this write-up, similar to the below:

importScripts('workbox-sw.prod.v1.3.0.js');
const workbox = new WorkboxSW();

// Placeholder array populated automatically by workboxBuild.injectManifest()

AngularJS Directive Attribute Binding Explanation

When using directives, you often need to pass parameters to the directive. This can be done in several ways. The first 3 can be used whether scope is true or false. This is still a WIP, so validate for yourself.

Raw Attribute Strings

<div my-directive="some string" another-param="another string"></div>

Primary differences between SSH and HTTPS. This post is specifically about accessing Git repositories on GitHub.

Protocols to choose from when cloning:

plain Git, aka git://github.com/

Does not add security beyond what Git itself provides. The server is not verified.

If you clone a repository over git://, you should check if the latest commit's hash is correct.

	var mkdir = function(dir) {
	// making directory without exception if exists
	try {
	fs.mkdirSync(dir, 0755);
	} catch(e) {
	if(e.code != "EEXIST") {
	throw e;
	}
	}
	};

	Vagrant.configure(2) do \|config\|
	config.vm.box = "phusion/ubuntu-14.04-amd64"

	config.vm.network "forwarded_port", guest: 3306, host: 3306

	# If errors occur, try running "vagrant provision" manually
	# after "vagrant up"
	config.vm.provision :docker
	# To use docker_compose as a provisioning tool, install
	# vagrant-docker-compose plugin first. It should also solve the

	// I'm not the original author of this code. Please let me
	// know if you know/find the original author so I can fully
	// attribute.

	import Vue, { VNode } from "vue";

	declare global {
	namespace JSX {
	interface Element extends VNode {}
	interface ElementClass extends Vue {}

	import React from 'react';
	import ReactDOM from 'react-dom';
	import { Provider } from 'react-redux';
	import store from './store';

	const rootEl = document.getElementById('root');

	// Create a reusable render method that we can call more than once
	let render = () => {
	// Dynamically import our main App component, and render it

	{
	"Condition statement": {
	"prefix": "cond",
	"body": [
	"${_} { ${0}; break }"
	],
	"description": "Switch condition statement"
	},

	"Condition single quoted string statement": {