darnocer

How to update the remote repository

If you have a local repository already connected to a remote repository (Github) and you want to update the connection to a different remote repository.

Check remote repo

Verify the repo it is already connected to that you want to change

git remote -v

darnocer

Common CDNs

<!-- BOOTSTRAP CSS  -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet" />

<!-- FONT AWESOME  -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous" />

darnocer

Open Graph Meta Properties for Social Sharing & SEO

<header>
<!-- META PROPERTIES  -->
   <meta
     name="description"
     content="This is a description for search engines"
   />

darnocer

Box Shadow Syntax

box-shadow: none|y-offset x-offset blur spread color |inset|initial|inherit;

#example1 {
  box-shadow: 10px 10px 8px 10px #888888;
}

darnocer

Margin/Padding Syntax

4 values

margin: {top} {right} {bottom} {left};
padding: {top} {right} {bottom} {left};

3 values

darnocer

Media Queries

Mobile-First

Styles for screens larger than 768px

@media only screen and (min-width: 768px) {

/* CSS Here */

}

darnocer

Useful AHK Script for VS Code

Use the following script to add a semi-colon to the end of the line, and jump to the next line when hitting Enter

!Enter::Send, {End};{Return}

darnocer

filter()

const fruits = ['banana', 'apple', 'orange', 'kiwi'];

const filteredFruits = fruits.filter(fruit => fruit.includes('an')); 

console.log(filteredFruits) // Output ['banana', 'orange']

darnocer

Commands for Next.js

Create

npx create-next-app

Get Started

npm run dev

darnocer

Browsing Code in Github

Browse code in Github repos as you would in VSCode:

• Replace github with github1s in the address bar of any repo

Example

https://github1s.com/darnocer/darnocer.github.io