Skip to content

Instantly share code, notes, and snippets.

View johnoscott's full-sized avatar

Johno Scott johnoscott

22 followers · 19 following
View GitHub Profile
@johnoscott
johnoscott / dockerize-create-react-app-2018.md
Last active March 31, 2018 10:54

Dockerize a React App in 2018 with CreateReactApp

TLDR

Markdown Less Pretty
Still renders nicely
1 2 3

References

@johnoscott
johnoscott / index.html
Last active March 31, 2018 01:47
[Matrix Rotation] Javascript implementation of 90degree clockwise rotation of nxn matrix
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>GistRun</title>
<!--<link rel="stylesheet" href="styles.css">-->
</head>
<body>
<h1>Hello world!</h1>
<script src="rotate-matrix.js"></script>
@johnoscott
johnoscott / markdown_cheats.md
Last active March 31, 2018 01:32
[Markdown HowTo] Cheats for Markdown syntax
@johnoscott
johnoscott / 12.md
Last active March 31, 2018 01:31
[Twelve Factor]
@johnoscott
johnoscott / docker-01-containers.md
Last active March 31, 2018 08:32
[Docker HowtTo] How to create a Docker container #docker #howto

Docker Container

Command Cheat Sheet

Markdown Less Pretty
Intention command Comment
Delete an image docker image rmi react:app images can take a lot of space (e.g. 1GB for node)
1 2 3
@johnoscott
johnoscott / flatJSON.js
Last active September 20, 2016 07:26
Use lodash to inflate a flattened JSON object expressed as path, value, type triplets
export class FlatJSON {
/* @ngInject */
constructor() {
console.log("FlatJSON Service Init")
console.debug("FlatJSON running tests...")
this.test();
}
toJSON(keys) {
@johnoscott
johnoscott / controller.js
Created May 15, 2016 07:52
AngularJS Forms - Populate options in a SELECT form element (drop down)
angular.module('selectExample', [])
.controller('ExampleController', ['$scope', function($scope) {
$scope.colors = [
{name:'black', shade:'dark'},
{name:'white', shade:'light', notAnOption: true},
{name:'red', shade:'dark'},
{name:'blue', shade:'dark', notAnOption: true},
{name:'yellow', shade:'light', notAnOption: false}
];
$scope.myColor = $scope.colors[2]; // red
@johnoscott
johnoscott / designer.html
Created August 7, 2014 21:57
designer
<link rel="import" href="../components/polymer/polymer.html">
<polymer-element name="my-element">
<template>
<style>
:host {
position: absolute;
width: 100%;
height: 100%;
@johnoscott
johnoscott / gist:10690371
Created April 14, 2014 23:40 — forked from thomseddon/gist:4703968
/**
* The MIT License (MIT)
*
* Copyright (c) 2013 Thom Seddon
* Copyright (c) 2010 Google
*
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
@johnoscott
johnoscott / static_server.js
Created January 14, 2014 01:57 — forked from ryanflorence/static_server.js
var http = require("http"),
url = require("url"),
path = require("path"),
fs = require("fs")
port = process.argv[2] || 8888;
http.createServer(function(request, response) {
var uri = url.parse(request.url).pathname
, filename = path.join(process.cwd(), uri);