matt-daniel-brown

Angular Material Basic App

This shell app shows the dependencies

Forked from Marcy Sutton's Pen Angular Material Basic App.

A Pen by Marcy Sutton on CodePen.

License.

matt-daniel-brown

div(ng-app="testMod" ng-controller="testCtrl")
  p Basic Mode: {{date | date:'yyyy/MM/dd HH:mm a'}}
  .modal-dialog
    .modal-content
      time-date-picker(ng-model="date")
  p Full Mode: {{date | date:'yyyy/MM/dd HH:mm a'}}
  .modal-dialog
    .modal-content
      time-date-picker(ng-model="date" display-mode="full")
  p Start on Time, With 24 Hour: {{date | date:'yyyy/MM/dd HH:mm a'}}

matt-daniel-brown

Angular Material Layout Sandbox

Test sandbox for components within the flexbox layout

A Pen by Matthew Daniel Brown on CodePen.

License.

matt-daniel-brown

"use strict";
{
	// http://mrl.nyu.edu/~perlin/noise/
	class Noise {
		constructor(octaves = 1) {
			this.p = new Uint8Array(512);
			this.octaves = octaves;
			this.init();
		}
		init() {

matt-daniel-brown

one thing

This one thing remained simple, quiet, magical, in my memory and in my heart.

A Pen by Gerard Ferrandez on CodePen.

License.

matt-daniel-brown

<canvas></canvas>
<!-- Click to generate a new image -->

matt-daniel-brown

script(async defer src="https://buttons.github.io/buttons.js")
.container
    .meta 
      .image
      .info 
        h1 On Web Typography
        p.subtitle `Tale of a dev obsessed with readability on the web`
        .author
          .authorImage
          .authorInfo

matt-daniel-brown

<nav>
  <div class="inner">
    <span class="site-title">LOGO HERE</span>
  </div>
</nav>

matt-daniel-brown

- var blocksPerRow= 8
- var numBlocks= blocksPerRow*blocksPerRow
body(ontouchstart="")
	.mouse
		.circle
	section 
		.wrapper
			- for (var i= 0; i < numBlocks; i++)
				div.selector
			- for (var i= 0; i < numBlocks; i++)

matt-daniel-brown

<div id="js-slides" class="slider">
    <div class="slider-slides">
      <div class="slide slider-slide">1</div>
      <div class="slide slider-slide">2</div>
      <div class="slide slider-slide">3</div>
      <div class="slide slider-slide">4</div>
      <div class="slide slider-slide">5</div>
    </div>
  </div>