Skip to content

Instantly share code, notes, and snippets.

Avatar

Gokulakrishnan Kalaikovan gokulkrishh

688 followers · 105 following
View GitHub Profile
@gokulkrishh
gokulkrishh / my-vs-code-ext.sh
Created March 1, 2023 14:09
my-vs-code-ext
View my-vs-code-ext.sh
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
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.
View frontend-developer-roadmap.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Markmap</title>
<style>
* {
margin: 0;
@gokulkrishh
gokulkrishh / git.md
Created February 2, 2022 06:00
A list of useful git commands
View git.md

Git add to be case-senstive

git config core.ignorecase false

Git autocorrections

git config --global help.autocorrect 1
@gokulkrishh
gokulkrishh / margin-collapsing.md
Last active March 4, 2022 04:12
margin collapsing in css
View margin-collapsing.md

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
gokulkrishh / index.md
Last active March 2, 2020 05:17
Useful javascript util functions
View index.md

Useful javascript util functions

Table of contents

Flatten Object




  


  




    


          
    

      

        
        

          

              @gokulkrishh
          

          

            
                gokulkrishh
                / README.md
            
            

              Last active
              January 27, 2020 04:24
            

              
                How to debug/develop npm package 
              
          

        

      

        

    
      View README.md
  

      

    
How to debug/develop npm package


Source


npm link


Destination



  


  




    


          
    

      

        
        

          

              @gokulkrishh
          

          

            
                gokulkrishh
                / extenstions.md
            
            

              Last active
              March 8, 2021 04:09
            

              
                VS Code Settings, Preferences and Extensions Links
              
          

        

      

        

    
      View extenstions.md
  



    


          
    

      

        
        

          

              @gokulkrishh
          

          

            
                gokulkrishh
                / index.js
            
            

              Last active
              December 10, 2021 20:17
            

              
                List the visual studio code installed extensions (https://git.io/installed-vscode-extenstions)
              
          

        

      

        

    
      View index.js
  

    
    


        



  


  

        

          
          #!/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
          

          

            
                gokulkrishh
                / useful-npx-commands.md
            
            

              Last active
              March 10, 2023 02:35
            

              
                List of useful npx (Node Package Runner) commands (https://git.io/useful-npx-commands)
              
          

        

      

        

    
      View useful-npx-commands.md
  

      

    
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.


Commands



  


  




    


          
    

      

        
        

          

              @gokulkrishh
          

          

            
                gokulkrishh
                / Object.create.js
            
            

              Created
              March 24, 2019 06:19
            

              
                A simple polyfil for Object.create method.
              
          

        

      

        

    
      View Object.create.js
  

    
    


        



  


  

        

          
          // without 2nd argument support
        

        

          
          if (typeof Object.create !== 'function') {
        

        

          
            Object.create = function(o, props) {
        

        

          
               function F() {}
        

        

          
               F.prototype = o;
        

        

          
              return new F();
        

        

          
            }
        

        

          
          }