EM Greeff modster

## web-workers.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Web Workers</title>
    <meta name="viewport" content="width=device-width">
    <link rel="stylesheet" href="../video-pages/main.css">
</head>
<body>
    <header>

## README.md

      
              6 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                modster
                / README.md
            
            
              Last active
              April 15, 2023 19:00
                — forked from prof3ssorSt3v3/index.html
            
              
                Code from video about Queue Data Structures
              
          
    Queue Data Structure

video tutorial

  
## index.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>min, max, minmax, clamp, calc</title>
    <link rel="stylesheet" href="main.css" />
  </head>
  <body>

## README.md

      
              3 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                modster
                / README.md
            
            
              Last active
              April 15, 2023 18:35
                — forked from prof3ssorSt3v3/index.html
            
              
                Code from video about all the CSS Math functions - min, max, clamp, calc, and minmax
              
          
    css min, max, calc, clamp, and minmax

video tutorial
MDN

  
## fetch-request-headers.js
//fetch using a Request and a Headers objects
//using jsonplaceholder for the data

const uri = 'http://jsonplaceholder.typicode.com/users';

//new Request(uri)
//new Request(uri, options)
//options - method, headers, body, mode
//methods:  GET, POST, PUT, DELETE, OPTIONS

## box-sizing.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS box-sizing</title>
    <meta name="viewport" content="width=device-width">
    <link rel="stylesheet" href="main.css"/>
    <style>
        html{
            box-sizing: border-box;

## div-span.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Div vs. Span</title>
    <style>
        span{
            color: hsla(0deg, 50%, 100%, 0.5);
            background-color: cornflowerblue;
        }

## README.md

      
              4 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                modster
                / README.md
            
            
              Last active
              April 15, 2023 17:13
                — forked from prof3ssorSt3v3/README.md
            
              
                Code from video about import-maps
              
          
    Basic Setup

video tutorial
First turn your project into an npm one with npm init -y
Next install the package of your choice. In this video I used Luxon
npm install luxon

  
## index.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Tinting Images with CSS</title>
    <link href="https://fonts.cdnfonts.com/css/brandon-grotesque" rel="stylesheet" />
    <link rel="stylesheet" href="./style.css" />
    <script>

## index.html

          ##         .
    ## ## ##        ==
 ## ## ## ## ##    ===
/"""""""""""""""""\___/ ===
{                       /  ===-
\______ O           __/
 \    \         __/
  \____\_______/
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Web Workers</title>
	<meta name="viewport" content="width=device-width">
	<link rel="stylesheet" href="../video-pages/main.css">
	</head>
	<body>
	<header>
	//fetch using a Request and a Headers objects
	//using jsonplaceholder for the data

	const uri = 'http://jsonplaceholder.typicode.com/users';

	//new Request(uri)
	//new Request(uri, options)
	//options - method, headers, body, mode
	//methods: GET, POST, PUT, DELETE, OPTIONS

	## .
	## ## ## ==
	## ## ## ## ## ===
	/"""""""""""""""""\___/ ===
	{ / ===-
	\______ O __/
	\ \ __/
	\____\_______/