| var noteValues = { | |
| 'C0': 16.35, | |
| 'C#0': 17.32, | |
| 'Db0': 17.32, | |
| 'D0': 18.35, | |
| 'D#0': 19.45, | |
| 'Eb0': 19.45, | |
| 'E0': 20.60, | |
| 'F0': 21.83, | |
| 'F#0': 23.12, |
| // Support routines for automatically reporting user timing for common analytics platforms | |
| // Currently supports Google Analytics, Boomerang and SOASTA mPulse | |
| // In the case of boomerang, you will need to map the event names you want reported | |
| // to timer names (for mPulse these need to be custom0, custom1, etc) using a global variable: | |
| // rumMapping = {'aft': 'custom0'}; | |
| (function() { | |
| var wtt = function(n, t, b) { | |
| t = Math.round(t); | |
| if (t >= 0 && t < 3600000) { | |
| // Google Analytics |
| /** | |
| * jQuery.support.cssProperty | |
| * To verify that a CSS property is supported | |
| * (or any of its browser-specific implementations) | |
| * | |
| * @param p css property name | |
| * @param rp optional, if set to true, the css property name will be returned | |
| * instead of a boolean support indicator | |
| * @return {mixed} | |
| * |
A very simple comparison table between these two libraries.
| uce | lit-element | |
|---|---|---|
| version | 1.11.9 | 2.4.0 |
| license | ISC (simplified MIT) | BSD-3-Clause License |
| language | JS w/ TS definition | TS w/ JS transpilation |
| size ( brotli ) | 9437b ES5 / 6811b ES2015+ | 8634b ES5 / 6708b ES2015+ |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>Single File Web Component</title> | |
| </head> | |
| <body> | |
| <template id=single-file> | |
| <style> | |
| h1 { |
| // ---- | |
| // Sass (v3.4.21) | |
| // Compass (v1.0.3) | |
| // ---- | |
| // Sass modifiers mixin by Sarah Dayan | |
| // Generate All Your Utility Classes with Sass Maps: frontstuff.io/generate-all-your-utility-classes-with-sass-maps | |
| // http://frontstuff.io | |
| // https://github.com/sarahdayan |
| 'use strict'; | |
| class Abstract { | |
| // A static abstract method. | |
| static foo() { | |
| if (this === Abstract) { | |
| // Error Type 2. Abstract methods can not be called directly. | |
| throw new TypeError("Can not call static abstract method foo."); | |
| } else if (this.foo === Abstract.foo) { | |
| // Error Type 3. The child has not implemented this method. | |
| throw new TypeError("Please implement static abstract method foo."); |
| { | |
| "animation": [ | |
| "animation-name", | |
| "animation-duration", | |
| "animation-timing-function", | |
| "animation-delay", | |
| "animation-iteration-count", | |
| "animation-direction", | |
| "animation-fill-mode", | |
| "animation-play-state" |
| Snippet: [[SnippetName]] | |
| Chunk: [[$ChunkName]] | |
| System Setting: [[++SettingName]] | |
| TV: [[*fieldName/TvName]] | |
| Link tag: [[~PageId? ¶mName=`value`]] | |
| Placeholder: [[+PlaceholderName]] | |
| <?php |
| /* Android stock browser won't let you set font-size smaller than 8px unless you apply this. */ | |
| :root { | |
| -webkit-text-size-adjust: none; | |
| -moz-text-size-adjust: none; | |
| -ms-text-size-adjust: none; | |
| -o-text-size-adjust: none; | |
| text-size-adjust: none; | |
| } |
