JanMiksovsky’s gists

JanMiksovsky / super.html

Created October 5, 2011 18:23

_super() implementation for JavaScript prototype-based class systems (e.g., jQuery) allows a function to call a function of the same name in a superclass

	<!DOCTYPE html>
	<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

	<link rel="stylesheet" type="text/css" href="http://code.jquery.com/qunit/git/qunit.css" />

	<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
	<script type="text/javascript" src="http://code.jquery.com/qunit/git/qunit.js"></script>

JanMiksovsky / elementUpgradeTest

Created May 29, 2013 00:04

This test case for Polymer contrasts three similar situations in which a test element is used, but one of them is "upgraded" (converted from plain DOM to custom element instance) in an unexpected manner.

	<!DOCTYPE html>
	<html>
	<head>

	<meta charset="utf-8">

	<script src="../polymer/polymer.js"></script>

	<element name="test-element">
	<template>

JanMiksovsky / clickableButtonTest.html

Created June 3, 2013 16:43

	<!DOCTYPE html>
	<html>
	<head>

	<meta charset="utf-8">

	<script src="../../tools/polymer/polymer.js"></script>

	<element name="test-element">
	<template>

JanMiksovsky / gist:11201938

Created April 23, 2014 03:28

	<link rel="import" href="http://www.polymer-project.org/components/polymer/polymer.html">

	<polymer-element name="test-element" noscript>
	<template>
	Hello, <content></content>.
	</template>
	</polymer-element>

JanMiksovsky / gist:11201962

Created April 23, 2014 03:30

	<!DOCTYPE html>
	<html>
	<head>

	<meta charset="utf-8">
	<title>Dynamic HTML import of element definition doesn't trigger upgrade</title>
	<script src="http://www.polymer-project.org/platform.js"></script>
	<!-- If uncommented, the static version of this link works. -->
	<!-- <link rel="import" href="http://jsbin.com/vovun/2"> -->

JanMiksovsky / gist:45c25682d5c7a15c49a5

Created May 16, 2014 21:22

Slides for talk: Web Components — SeattleJS, 5/15/2014

	Web Components bring sanity, efficiency and fun to front-end web development
	============================================================================


	* New HTML standards enable the creation of reusable, shareable
	web user interface components

	* Can start today

	* Numerous implications for front-end JavaScript development

JanMiksovsky / index.html

Created May 16, 2014 21:22

Web components example: text-input-with-button

	<html>
	<head>
	<meta charset="utf-8">
	<script src="bower_components/platform/platform.js"></script>
	<link rel="import" href="text-input-with-button.html">

	<script>
	document.addEventListener( "go", function( event ) {
	alert( event.detail );
	});

JanMiksovsky / gist:4f06a2e4cf0ea054ccbd

Created October 30, 2014 03:57

Does an akyral-modal instance pick up body styling?

	<!DOCTYPE html>
	<html>
	<head>

	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1">

	<script src="akyral-modal/bower_components/platform/platform.js"></script>
	<link rel="import" href="akyral-modal/bower_components/akyral-modal/akyral-modal.html">

JanMiksovsky / gist:16f7f5f2fc5cca95fda1

Created May 29, 2015 22:08

Repro case for Polymer 1.0 element which can't be instantiated in Shady DOM

	<!--
	Repro case for bug that appears under Shady DOM.

	Attempting to instantiate this component will trigger an exception. Both the
	hostAttributes and the property change observer appear necessary to trigger the
	exception.
	-->

	<link rel="import" href="../bower_components/polymer/polymer.html">

JanMiksovsky / realTemplate.html

Created October 2, 2015 21:49

Create a Polymer element using a real <template>, not a <dom-module>

	<!DOCTYPE html>
	<html>
	<head>

	<meta charset="utf-8">
	<link rel="import" href="../components/polymer/polymer.html">

	<template id="test-element">
	Hello, <content></content>.
	</template>

Jan Miksovsky JanMiksovsky