Skip to content

Instantly share code, notes, and snippets.

View mattduffield's full-sized avatar

Matt Duffield mattduffield

20 followers · 2 following
View GitHub Profile
@mattduffield
mattduffield / app.html
Last active September 28, 2017 05:53 — forked from jdanyow/app.html
Aurelia Gist - Tree
<template>
<require from="./tree"></require>
<require from="./context-menu"></require>
<h1>${message}</h1>
<tree items.bind="items"></tree>
<context-menu></context-menu>
@mattduffield
mattduffield / app.html
Last active February 6, 2017 19:42 — forked from jwx/app.html
Flexbox Sample
<template>
<require from="styles.css"></require>
<require from="flexbox"></require>
<flexbox flex-class="full-height" flex-direction="column">
<flexbox flex="none">header</flexbox>
<flexbox flex="1">main content...</flexbox>
</flexbox>
</template>
@mattduffield
mattduffield / app.html
Last active February 6, 2017 17:43 — forked from jwx/app.html
Aurelia Gist .bind vs .call
<template>
<require from="el"></require>
<div>callMe.bind: <el func.bind="callMe.bind($this)"></el></div>
<div>callMe.call: <el func.call="callMe(one, two)"></el></div>
</template>
@mattduffield
mattduffield / app.html
Last active June 27, 2017 17:15 — forked from jdanyow/app.html
Aurelia Gist
<template>
<h1>${message}</h1>
</template>
@mattduffield
mattduffield / app.html
Last active July 18, 2017 23:08 — forked from jdanyow/app.html
Aurelia TreeView with Blob Storage
<template>
<require from="tree-view"></require>
<h1>${message}</h1>
<!--<ul>-->
<!-- <li repeat.for="user of users">-->
<!-- ${user.login}-->
<!-- </li>-->
<!--</ul>-->
@mattduffield
mattduffield / app.html
Last active March 22, 2018 02:52 — forked from jdanyow/app.html
Aurelia Gist - Using SystemJS + Babel + Decorators
<template>
<h1>${message}</h1>
</template>
@mattduffield
mattduffield / app.html
Last active April 25, 2019 17:59 — forked from fkleuver/app.html
Date Binding Behavior
<template>
<!--<require from="./card-number-format-value-converter"></require>-->
<!--<require from="./currency-binding-behavior"></require>-->
<require from="./date-binding-behavior"></require>
<!--<require from="./date-picker"></require>-->
<!--<input type="text" id="cardNumber" placeholder="1234 5678 9123 4567" -->
<!--value.bind="cardNumber & cardNumberFormat">-->
<!--<br>-->
<!--<input type="text" id="currencyNumber" placeholder="$0.00" -->
<!--value.bind="currencyNumber & currency">-->
@mattduffield
mattduffield / index.html
Created October 11, 2020 18:58 — forked from fkleuver/index.html
Aurelia style sheets
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Dumber Gist</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
<base href="/">
</head>
<!--
Dumber Gist uses dumber bundler, the default bundle file
@mattduffield
mattduffield / index.html
Last active October 22, 2020 22:33 — forked from bigopon/index.html
Custom Element with Slots
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Dumber Gist</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<base href="/">
</head>
@mattduffield
mattduffield / index.html
Created October 23, 2020 20:33 — forked from fkleuver/index.html
Custom Element with Slots
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Dumber Gist</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<base href="/">
</head>