Skip to content

Instantly share code, notes, and snippets.

View mattdanielbrown's full-sized avatar

Matt Daniel Brown mattdanielbrown

33 followers · 154 following
View GitHub Profile
@mattdanielbrown
mattdanielbrown / fallback-system-fontstacks.css
Created January 26, 2023 23:56
CSS Fallback / System fontstacks (extended)
/**
* Use the default user interface font in all browsers (opinionated).
*/
html {
font-family:
system-ui,
/* macOS 10.11-10.12 */ -apple-system,
/* Windows 6+ */ "Segoe UI",
/* Android 4+ */ "Roboto",
@mattdanielbrown
mattdanielbrown / index.html
Created January 24, 2023 00:51
Speech Recognition using Tensorflow.js 2
<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/@tensorflow/[email protected]/dist/tf.min.js"></script>
<script src="https://unpkg.com/@tensorflow-models/speech-commands"></script>
</head>
<body>
<div class="demo">
Please enable the microphone checkbox and authorize this site to access the microphone.
<br />
Once the process finished loading speak one of the word bellow and see the magic happen.
@mattdanielbrown
mattdanielbrown / index.html
Created January 24, 2023 00:49
Speech Recognition using Tensorflow.js
<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/@tensorflow/[email protected]/dist/tf.min.js"></script>
<script src="https://unpkg.com/@tensorflow-models/speech-commands"></script>
<style type="text/css">
.hidden {
display: none;
}
@mattdanielbrown
mattdanielbrown / index.html
Created January 16, 2023 01:15
Sign Up / Login
<div class="iphones">
<div class="iphone">
<header class="header">
<a href="#" class="button button--small">
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<use xlink:href="#icon-arrow-left" />
</svg>
</a>
<h1>Sign up</h1>
</header>
@mattdanielbrown
mattdanielbrown / index.html
Created January 16, 2023 00:14
Sphere
<canvas id = 'c'></canvas>
@mattdanielbrown
mattdanielbrown / custom-form-elements-radio-checkbox-inputs-only-s-css.markdown
Created January 14, 2023 22:37
Custom Form Elements : Radio & Checkbox Inputs (ONLY (S)CSS)

Custom Form Elements : Radio & Checkbox Inputs (ONLY (S)CSS)

Custom Form Elements - Radio & Checkbox Inputs. Using ONLY (S)CSS.

A Pen by Matt Daniel Brown on CodePen.

License.

@mattdanielbrown
mattdanielbrown / calendar-reservation.markdown
Created January 4, 2023 22:02
Calendar reservation
@mattdanielbrown
mattdanielbrown / dropdown-using-details-and-input-type-radio.markdown
Created January 1, 2023 14:56
Dropdown using <details> and <input type="radio">
@mattdanielbrown
mattdanielbrown / _color-for-properties_and_set-color-for-properties_mixins.scss
Last active December 29, 2022 23:06
SCSS @Mixins for setting color/colors for a property/properties.
// Property Variable Definitions
$color-prop : color;
$bd-color-prop : border-color;
$bg-color-prop : background-color;
// Default argument (variable) values for @mxin color-for-props()
$bg-and-bd-color-props : $bd-color-prop, $bg-color-prop;
$bd-color-and-txt-color-props : $bd-color-prop, $color-prop;
@mattdanielbrown
mattdanielbrown / bash_script_usage_v2.template.sh
Last active December 11, 2023 22:02
Bash Script USAGE (function, message, text content) TEMPLATE ( and/or example ... ) [ >> VERSION 2.1 ]
#===============================================================================
# NAME : bash_script_usage_v2.template.sh
# VERSION : 2.1.0
# CREATED : Dec 12 23:41:26 CST 2022
# AUTHOR : Matt Daniel Brown <[email protected]>
# WEB : gist.github.com/mattdanielbrown/f00f119358b57a20ca9db67718dfbaf3
#-------------------------------------------------------------------------------
# USAGE : Copy the `usage()` function below and paste into your bash script
# ... and then, replace the details as is appropriate for your script.
#===============================================================================