🧠

EM Greeff modster

🧠

“If you wait by the river long enough, the bodies of your enemies will float by.” – Sun Tzu

79 followers · 219 following

datadash.cloud
Calgary
datadash.cloud
@goodgreeff

View GitHub Profile

Recently created

Least recently created

Recently updated

Least recently updated

modster / web-work.js

Created April 15, 2023 22:32 — forked from prof3ssorSt3v3/web-work.js

	self.addEventListener('message', (ev)=>{
	//console.log('Web worker started with data: ', ev.data);

	let data = ev.data.do;
	switch(data){
	// case 'Get Started':
	// self.postMessage('Web Worker Started');
	// break;
	// case 'Other':
	// self.postMessage('Other task...');

modster / web-workers.html

Created April 15, 2023 22:32 — forked from prof3ssorSt3v3/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>

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

modster / index.html

Created April 15, 2023 18:05 — forked from prof3ssorSt3v3/index.html

Code from video about all the CSS Math functions - min, max, clamp, calc, and minmax

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

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

modster / fetch-request-headers.js

Created April 15, 2023 17:44 — forked from prof3ssorSt3v3/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

modster / box-sizing.html

Created April 15, 2023 17:42 — forked from prof3ssorSt3v3/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;

modster / div-span.html

Created April 15, 2023 17:18 — forked from prof3ssorSt3v3/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;
	}

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

modster / index.html

Created April 15, 2023 16:33 — forked from prof3ssorSt3v3/index.html

Code sample for background image tints through CSS

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

Newer Older