Skip to content

Instantly share code, notes, and snippets.

Gitting it done (from 🏡)

Vinayak Kulkarni vinayakkulkarni

Gitting it done (from 🏡)
View GitHub Profile
View VmGallery.vue
<template lang="pug">
:style="{ transitionDuration: transitionDuration, transform: translate3DPosition }"
div(v-for="imageItem in imageNodes").vm-gallery-item
Atinux / keybindings.json
Last active Jan 16, 2022
VS Code Terminal Shortcuts
View keybindings.json
"key": "ctrl+shift+n",
"command": ""
"key": "ctrl+shift+right",
"command": "workbench.action.terminal.focusNext"
sandren /
Last active Dec 5, 2022
Tailwind CSS best practices

Tailwind CSS best practices

Utility classes

  1. When writing a string of multiple utility classes, always do so in an order with meaning. The "Concentric CSS" approach works well with utility classes (i.e,. 1. positioning/visibility 2. box model 3. borders 4. backgrounds 5. typography 6. other visual adjustments). Once you establish a familiar pattern of ordering, parsing through long strings of utility classes will become much, much faster so a little more effort up front goes a long way!

  2. Always use fewer utility classes when possible. For example, use mx-2 instead of ml-2 mr-2 and don't be afraid to use the simpler p-4 lg:pt-8 instead of the longer, more complicated pt-4 lg:pt-8 pr-4 pb-4 pl-4.

  3. Prefix all utility classes that will only apply at a certain breakpoint with that breakpoint's prefix. For example, use block lg:flex lg:flex-col lg:justify-center instead of block lg:flex flex-col justify-center to make it very clear that the flexbox utilities are only applicable at the

manimike00 /
Last active Jun 27, 2019
Script for MIgrating Repo From Bitbucket to GitHub
### Step 1: Set the RSA Public Key in Both SCM (BitBucket and Github)
### Step 2: Ensure StrictHostKeyChecking no in /etc/ssh/ssh_config
### Step 3: Pass repo names as Parameter while executing the Script
### For Example: bash reponame
### Step 4: Make Sure Ensure You have same repo name in both SCM
for i in "$@"
git clone${i}.git
cd bbgg
getify / 1.js
Last active May 31, 2019
Force Monad #MayThe4thBeWithYou
View 1.js
var Force = { Skywalker, RegularFolk, of: Skywalker };
function Skywalker(v) {
return { map, chain, ap };
function map(fn) {
return Skywalker(fn(v));
function chain(fn) {
return fn(v);
vinayakkulkarni /
Last active Feb 27, 2022
Setting up Laravel Project using Vessel on EC2

Setting up Laravel Projects using Vessel

Install Docker & docker-compose

Installing Docker

  • Update the apt package index:
sudo apt-get update
DreaMinder / A Nuxt.js VPS production
Last active Nov 28, 2022
Deployment manual for a real-world project built with nuxt.js + koa + nginx + pm2
View A Nuxt.js VPS production

Example of deployment process which I use in my Nuxt.js projects. I usually have 3 components running per project: admin-panel SPA, nuxt.js renderer and JSON API.

This manual is relevant for VPS such as or It's easier to use things like Now for deployment but for most cases VPS gives more flexebillity needed for projects bigger than a landing page.

UPD: This manual now compatible with nuxt@2.3. For older versions deployment, see revision history.

Let's assume that you have entered fresh installation of Ubuntu instance via SSH. Let's rock:

socheatsok78 /
Last active Mar 29, 2019
PWA with Laravel Mix, Webpack and Service Worker caching strategies
sgillies / advanced_rasterio_features.ipynb
Last active Nov 3, 2022
Advanced Rasterio features notebook
View advanced_rasterio_features.ipynb
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
bmingles / some-component.ts
Created Dec 12, 2017
Making Vuex stores type safe
View some-component.ts
import { Dispatcher } from './store';
export default Vue.component('some-component', {
created() {
methods: {
* Fetch our data.