Skip to content

Instantly share code, notes, and snippets.

@mathcodes

mathcodes/resources.md

Created February 10, 2022 11:56
Show Gist options
  • Save mathcodes/568ad192d6cae4c2c676fafa51cee977 to your computer and use it in GitHub Desktop.
Save mathcodes/568ad192d6cae4c2c676fafa51cee977 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
resources.md

Public Resource for links, syntax, frameworks and more!

I have created this repo to store and access several links, images, and resources to make them available globally for use on non-commercial projects.

IMAGES

CLICK HERE

SYNTAX

html boilerplate 
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" type="text/css" href="style.css">
  <link rel="icon" class="favicon" type="image/ico" href="https://mathcodes.github.io/Portfolio/img/jCircleWhite.ico">
  <title>Jon's Page</title>
</head>
<body>




<script src="script.js"></script>
</body>
</html>
css external link

<link rel="stylesheet" type="text/css" href="style.css">

js external link

<script src="script.js"></script>

favicon

<link rel="shortcut icon" href="./images/portfolio/jCircleWhite.ico">

Frameworks & Libraries

React Popper

Install with npm:

npm i react-popper @popperjs/core

React Popper

Milligram

Install with npm and add the tags in the head:

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/milligram/1.4.0/milligram.css">

Milligram

React Bootstrap

Install with npm:

npm install react-bootstrap bootstrap

React Bootstrap

React Toolbox

Install with npm:

$ npm install --save react-toolbox

React Toolbox

Material UI

Install with npm:

$ npm install @material-ui/core

Material UI

Grommet

Install with npm:

npx create-react-app my-app

cd my-app

rm -rf yarn.lock

rm -rf node_modules

npm install

npm start

Grommet

Galio

Install with npm:

npm install galio-framework

[Galio](www.npm install galio-framework)

Next.js

Install with npm:

npx create-next-app nextjs-blog --use-npm --example "https://github.com/vercel/next-learn-starter/tree/master/learn-starter"

npm run dev

npm run build

npm start

next.js

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment