Skip to content

Instantly share code, notes, and snippets.

View mattborn's full-sized avatar
🥃
Slow and steady…

Matt Born mattborn

🥃
Slow and steady…
View GitHub Profile
@mattborn
mattborn / index.html
Created August 11, 2016 12:35
UI Now timeboxed experiment
<!doctype html>
<html>
<head>
<title>UI Now 1</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div id="topnav">
<div id="topnavleft">
<span class="fa fa-bars"></span>
@mattborn
mattborn / index.html
Last active June 7, 2016 01:56
ClockBlock™
<!doctype html>
<html>
<head>
<title>ClockBlock™</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="lines"></div>
<div class="minute"></div>
<div class="week"></div>
@mattborn
mattborn / app.js
Created April 29, 2016 17:44
Tyler’s minimal Angular starter
angular.module('tylersApp', [])
.controller('ExampleController', ['$scope', function ($scope) {
console.log('ExampleController loaded');
$scope.message = "Hello awesome world!";
}]);
@mattborn
mattborn / index.html
Created April 25, 2016 18:01
Bambu native prototype
<!doctype html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<title>Bambu by Sprout Social</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div id="panel-1">
@mattborn
mattborn / index.html
Created April 25, 2016 03:11
Good as Gold page
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Good as Gold</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<a id="amp" href="http://mattmeg.com">&amp;</a>
@mattborn
mattborn / .editorconfig
Created March 18, 2016 04:37
Quick Webpack
# editorconfig.org
root = true
[*]
charset = utf-8
indent_size = 2
indent_style = space
trim_trailing_whitespace = true
@mattborn
mattborn / calculator.js
Created February 25, 2016 04:38
Vanilla JS Calculator
var buttons = document.querySelectorAll('.button');
var output = document.querySelector('.output');
var action = null;
var current = 0;
var actions = {
'±': ' - ',
'%': ' % ',
'÷': ' / ',
@mattborn
mattborn / index.html
Created February 9, 2016 20:33
Trix + React
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Trix + React</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/trix/0.9.5/trix.min.css">
<link rel="stylesheet" href="styles.css">
</head>
@mattborn
mattborn / .gitignore
Created February 4, 2016 22:40
Inline Style Examples
node_modules
@mattborn
mattborn / favicon.ico
Created January 21, 2016 20:34
Metalcore UI with Riot.js
We couldn’t find that file to show.