gokulkrishh

/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  
  /* CSS */
  

gokulkrishh

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

Regular Event Loop

This shows the execution order given JavaScript's Call Stack, Event Loop, and any asynchronous APIs provided in the JS execution environment (in this example; Web APIs in a Browser environment)

---

Given the code

gokulkrishh

✅ Installed VS Code Extensions: 11

1. https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense
2. https://marketplace.visualstudio.com/items?itemName=CoenraadS.bracket-pair-colorizer
3. https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint
4. https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode
5. https://marketplace.visualstudio.com/items?itemName=ms-vscode.sublime-keybindings
6. https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
7. https://marketplace.visualstudio.com/items?itemName=smontanari.vscode-test-toggle
8. https://marketplace.visualstudio.com/items?itemName=thedavej.night-owl-black

gokulkrishh

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

"workbench.editor.customLabels.patterns": {
  "**/app/**/page.tsx": "${dirname}.${extname}",
  "**/app/**/layout.tsx": "${dirname}/layout.${extname}",
  "**/components/**/index.tsx": "${dirname}/index.${extname}",
  "**/index.ts": "${dirname}/index.${extname}"
}

gokulkrishh

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

##shortcuts
alias s='git status'

# Easy Navigation
alias ..="cd .."
alias ...="cd ../.."
alias p="cd ~/practices"
alias w="cd ~/workspace"

# Tools

gokulkrishh

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

<!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;