dlockhart

ICU Message Syntax at D2L

At D2L, we use the ICU Message Syntax to help express the subtleties of spelling, grammar and conjugation inherent in each language.

The following sections describe the different features of ICU Message Syntax.

Basic Principles

In its simplest form, each message is a plain piece of text, like this:

dlockhart

(function() {
var proto = Object.create(HTMLElement.prototype);
proto.createdCallback = function() {
	var tmpl = document.createElement('template');
	tmpl.innerHTML = '<style>p {color:red; display: block;}</style><p><b>Foo</b> <content></content></p>';
	this.createShadowRoot()
		.appendChild(document.importNode(tmpl.content, true));
};
proto.attachedCallback = function() {
	return 'a';

dlockhart

<dom-module id="foo-element">
	<template strip-whitespace>
		<style>
			:host {
				display: inline-block;
			}
		</style>
		<button>foo</button>
	</template>
	<script>

dlockhart

Web Performance Presentation Notes

Resources

• Google Fundamentals: Performance
• RAIL Model
• Measuring the Performance Metrics that Most Affect User Experience
• Time to Interactive (TTI) Polyfill
• First Input Delay (FID) helper
• Staying off the Rocks: Using Lighthouse to Build Seaworthy Progressive Web Apps (Google I/O '17) (video)
• Speed Curve: User Timing and Custom Metrics