Skip to content

Instantly share code, notes, and snippets.

View dfreedm's full-sized avatar

Daniel Freedman dfreedm

View GitHub Profile
<link rel="import" href="../topeka-elements/topeka-datasource.html">
<link rel="import" href="../notification-elements/notification-alert.html">
<link rel="import" href="../topeka-elements/theme.html">
<link rel="import" href="../topeka-elements/topeka-resources.html">
<link rel="import" href="../topeka-elements/topeka-app.html">
<polymer-element name="my-element" on-quiz-done="{{quizDone}}">
<template>
<style>
<link rel="import" href="../topeka-elements/theme.html">
<link rel="import" href="../topeka-elements/topeka-resources.html">
<link rel="import" href="../topeka-elements/topeka-app.html">
<link rel="import" href="../topeka-elements/topeka-datasource.html">
<link rel="import" href="../notification-elements/notification-alert.html">
<polymer-element name="my-element" on-quiz-done="{{quizDone}}">
<template>
<style>
@dfreedm
dfreedm / normalize.html
Created January 29, 2014 01:49
Normalize
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>polyfill node.normalize()</title>
</head>
<body>
<div id="work">
foo
<span></span>
@dfreedm
dfreedm / ce.html
Created January 21, 2014 23:56
Firefox only fires "created" on existing elements, not new ones :(
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
x-foo {
display: block;
height: 100px;
width: 100px;
@dfreedm
dfreedm / drag-off-screen.html
Created November 25, 2013 23:38
PointerEvents offscreen tracking
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Drag off screen</title>
<script src="polymer/components/PointerEvents/pointerevents.js"></script>
<style>
#foo {
width: 100px;
height: 100px;
@dfreedm
dfreedm / bower.json
Created November 25, 2013 18:31
Bower stack trace
{
"name": "foo",
"dependencies": {
"polymer-elements": "Polymer/polymer-elements#master",
"polymer-ui-elements": "Polymer/polymer-ui-elements#master"
}
}
@dfreedm
dfreedm / bowerify.js
Created November 16, 2013 02:06
Generate Bower.json from HTMLImports
#!/usr/bin/env node
// builtin
var fs = require('fs');
var path = require('path');
// modules
var cheerio = require('cheerio');
var url = /\s*(?:\.\.\/)?components\/([\w-]+)\/.*/;
var dirDepends = {platform: 'Polymer/platform#master'};
@dfreedm
dfreedm / index.html
Created October 18, 2013 19:04
Sub Imports, ShadowDOM and IE 11: Oh My!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>SubImport</title>
<script src="polymer/polymer/polymer.js"></script>
<link rel="import" href="x-bar.html">
</head>
<body>
<x-bar></x-bar>
<polymer-element name="mark-down-editor">
<template>
<style>
#markup, #markdown {
width: 50%;
float: left;
}
#editor {
width: 80%;
height: 250px;
@dfreedm
dfreedm / template-subtypes.html
Created September 27, 2013 21:14
Template Subtype Example
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Template Subtypes</title>
<script src="polymer/CustomElements/custom-elements.js"></script>
<script src="polymer/TemplateBinding/load.js"></script>
</head>
<body>
<script>