Skip to content

Instantly share code, notes, and snippets.

Avatar
:octocat:
Gitting it done (from 🏡)

Vinayak Kulkarni vinayakkulkarni

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

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
manimike00 / bb2gh.sh
Last active Jun 27, 2019
Script for MIgrating Repo From Bitbucket to GitHub
View bb2gh.sh
### 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 test.sh reponame
### Step 4: Make Sure Ensure You have same repo name in both SCM
for i in "$@"
do
git clone git@bitbucket.org:username/${i}.git
cd bbgg
@getify
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
vinayakkulkarni / setup.md
Last active Feb 27, 2022
Setting up Laravel Project using Vessel on EC2
View setup.md

Setting up Laravel Projects using Vessel

Install Docker & docker-compose

Installing Docker

  • Update the apt package index:
sudo apt-get update
@DreaMinder
DreaMinder / A Nuxt.js VPS production deployment.md
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 deployment.md

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 DigitalOcean.com or Vultr.com. 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
socheatsok78 / README.md
Last active Mar 29, 2019
PWA with Laravel Mix, Webpack and Service Worker caching strategies
View README.md
@sgillies
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
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', {
template,
created() {
this.fetchData();
},
methods: {
/**
* Fetch our data.