Skip to content

Instantly share code, notes, and snippets.

View gokulkrishh's full-sized avatar

Gokulakrishnan Kalaikovan gokulkrishh

View GitHub Profile
gokulkrishh /
Created March 1, 2023 14:09
code --install-extension bradlc.vscode-tailwindcss --force &
code --install-extension christian-kohler.path-intellisense --force &
code --install-extension CodeSandbox-io.codesandbox-projects-theme --force &
code --install-extension csstools.postcss --force &
code --install-extension dbaeumer.vscode-eslint --force &
code --install-extension esbenp.prettier-vscode --force &
code --install-extension gera2ld.markmap-vscode --force &
code --install-extension ms-vscode.sublime-keybindings --force &
code --install-extension ms-vsliveshare.vsliveshare --force &
code --install-extension Prisma.prisma --force &
gokulkrishh / frontend-developer-roadmap.html
Created February 24, 2023 08:34
A personalised frontend developer road based on my 10 years experience as frontend developer.
<!DOCTYPE html>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
* {
margin: 0;
gokulkrishh /
Created February 2, 2022 06:00
A list of useful git commands

Git add to be case-senstive

git config core.ignorecase false

Git autocorrections

git config --global help.autocorrect 1
gokulkrishh /
Last active May 10, 2024 04:34
margin collapsing in css

There are two main types of margin collapse:

  • Collapsing margins between adjacent elements
  • Collapsing margins between parent and child elements

Using a padding or border will prevent collapse only when Collapsing is between parent and children. Also, any value of overflow different from its default (visible) applied to the parent will prevent collapse.

Thus, both overflow: auto and overflow: hidden will have the same effect.

gokulkrishh /
Last active March 2, 2020 05:17
Useful javascript util functions

Useful javascript util functions

Table of contents

Flatten Object

gokulkrishh /
Last active January 27, 2020 04:24
How to debug/develop npm package

How to debug/develop npm package


npm link


gokulkrishh / index.js
Last active December 10, 2021 20:17
List the visual studio code installed extensions (
#!/usr/bin/env node
const { exec } = require('child_process');
exec('code --list-extensions', (err, stdout) => {
if (err) console.log('Error occurred', err);
const extensions = stdout.split('\n').filter(extension => extension);
console.log(`\n✅ Installed VS Code Extensions: ${extensions.length} \n`);
gokulkrishh /
Last active November 24, 2023 04:25
List of useful npx (Node Package Runner) commands (

NPX (NPM Package Runner) Commands

List of useful npx (NPM Package Runner) commands.

What is NPX?

Using NPX we can execute/run node binaries without the need to install it locally or globally.


gokulkrishh / Object.create.js
Created March 24, 2019 06:19
A simple polyfil for Object.create method.
// without 2nd argument support
if (typeof Object.create !== 'function') {
Object.create = function(o, props) {
function F() {}
F.prototype = o;
return new F();