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

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

/* HTML */

<div class="container">
  <div class="child"></div>
<div>

/* Basic Style  */

.container {
  width: 500px;

gokulkrishh

Git add to be case-senstive

git config core.ignorecase false

Git autocorrections

git config --global help.autocorrect 1

gokulkrishh

// without 2nd argument support
if (typeof Object.create !== 'function') {
  Object.create = function(o, props) {
     function F() {}
     F.prototype = o;
    return new F();
  }
}

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

✅ 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

curl https://git.io/ -i -F "url=<repo-url>" -F "code=<repo-name>"

Above command will give you something like git.io/repo-name