Anton Komarev antonkomarev

Command:

curl https://git.io/ -i -F "url=https://github.com/YOUR_GITHUB_URL" -F "code=YOUR_CUSTOM_NAME"

URLs that can be created is from:

https://github.com/*
https://*.github.com
https://*.github.com/*
https://*.github.io

Real-time Grid Component with Laravel, Vue.js, Vuex & Socket.io (Google Docs-like Functionality)

Motivation

The exercise of writing this tutorial -- as well as recording it as a screencast -- has helped me better understand the concepts behind a couple of my favorite open source tools. Both the tutorial and screencast will be of personal use in the future as references. If they are of help to others, that will be great too.

I love Google Docs' real-time, multi-user interactive capability, and I've have always been a fan of spreadsheets. I wanted to see if I could replicate that type of functionality. What I've done is taken the basic Vue.js Grid Component example and altered it a bit so that when a user clicks on a cell, that cell becomes highlighted or "active", not just in the user's browser but in any browser instance cur

	# vi ~/.bash_profile

	# Docker
	d () {
	if [ -f $1 ] ; then
	echo "Available commands:"
	echo " \e[32md restart\e[0m - Restart docker service"
	echo " \e[32md stop\e[0m - Stop all docker containers"

	return 0

	/*
	Copy this into the console of any web page that is interactive and doesn't
	do hard reloads. You will hear your DOM changes as different pitches of
	audio.

	I have found this interesting for debugging, but also fun to hear web pages
	render like UIs do in movies.
	*/

	const audioCtx = new (window.AudioContext \|\| window.webkitAudioContext)()

	[core]
	excludesfile = ~/.gitignore

	[alias]
	current-hash = "rev-parse HEAD"
	current-branch = "rev-parse --abbrev-ref HEAD"
	clean-up = "!git fetch -p && git branch -vv \| awk '/: gone]/{print $1}' \| xargs git branch -D"
	go = "!git checkout ${1:-master} && git pull && git clean-up"

	alias art='php artisan'
	alias pu='vendor/bin/phpunit'
	alias puf='vendor/bin/phpunit --filter='

	alias ll='ls -alF'
	alias la='ls -A'
	alias l='ls -CF'

	# webm
	ffmpeg -i IN -f webm -vcodec libvpx -acodec libvorbis -ab 128000 -crf 22 -s 640x360 OUT.webm

	# mp4
	ffmpeg -i IN -acodec aac -strict experimental -ac 2 -ab 128k -vcodec libx264 -vpre slow -f mp4 -crf 22 -s 640x360 OUT.mp4

	# ogg (if you want to support older Firefox)
	ffmpeg2theora IN -o OUT.ogv -x 640 -y 360 --videoquality 5 --audioquality 0 --frontend

	apt-get -y install --no-install-recommends --no-install-suggests dirmngr && \
	apt-key adv --keyserver keyserver.ubuntu.com --recv-keys 71DAEAAB4AD4CAB6 4F4EA0AAE5267A6C && \
	add-apt-repository -y "deb https://mirror.yandex.ru/mirrors/launchpad/ondrej/php/ $(lsb_release -cs) main"

	[alias]
	cleanup = "!git fetch -p && git branch -vv \| awk '/: gone]/{print $1}' \| xargs git branch -D"
	go = "!git switch ${1:-master} && git pull && git cleanup"

	# Example integration of a background-image uploader
	# Author: Guillaume Piot
	# Email: guillaume@cotidia.com
	# Company: Cotidia Ltd
	# Licence: MIT
	#
	# The div holder is absolute positioned within the parent div
	#
	# <div class="[ article__image ] [ article-image ] [ editable ] [ parallax ]" data-name="article_image">
	# <div