antonkomarev

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"

antonkomarev

# 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

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

antonkomarev

[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"

antonkomarev

/*
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)()

antonkomarev

[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"

antonkomarev

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'

antonkomarev

# 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

antonkomarev

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

antonkomarev

# Example integration of a background-image uploader
# Author: Guillaume Piot
# Email: [email protected]
# 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