Skip to content

Instantly share code, notes, and snippets.

@nolanlawson
nolanlawson / .gitignore
Last active May 3, 2022 16:07
Repro SWC minifier issue
node_modules
dist.js
@nolanlawson
nolanlawson / Twemoji Mozilla.ttf
Last active April 16, 2022 17:33
mozilla twemoji-color emoji 14.0 demo
This file has been truncated, but you can view the full file.
@nolanlawson
nolanlawson / combobox.css
Last active April 4, 2022 21:02
Firefox NVDA display:contents repro
.annotate {
font-style: italic;
color: #366ed4;
}
.hidden {
display: none;
}
.combobox-wrapper {
@nolanlawson
nolanlawson / index.html
Created April 3, 2022 21:12
Emoji overreach
<!doctype html>
<html>
<style>
body {
font-family: "Twemoji Mozilla","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji","EmojiOne Color","Android Emoji",sans-serif;
}
</style>
<body>
Call me at #555-0123! You might have to hit the * or # on your smartphone™.
</body>
@nolanlawson
nolanlawson / index.html
Last active April 3, 2022 21:07
Smiley face
<!doctype html>
<html>
<body>
<div style="font-size: 3em">
<div>
<span>☺</span> (no font-family)
</div>
<div>
<span style='font-family: "Twemoji Mozilla","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji","EmojiOne Color","Android Emoji",sans-serif'>☺</span> ("system emoji" font-family)
</div>
@nolanlawson
nolanlawson / index.html
Created March 28, 2022 23:42
getAccessibleName shadow DOM demo
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>getAccessibleName shadow DOM demo</title>
</head>
<body>
<h1>getAccessibleName shadow DOM demo</h1>
<button><x-component></x-component></button>
<script type="module">
@nolanlawson
nolanlawson / index.html
Last active March 20, 2022 23:05
emoji-unicode-range demo
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Demo of using emoji-unicode-range</title>
<style media="only x" id="sansSerif">
body {
font-family: sans-serif;
}
</style>
@nolanlawson
nolanlawson / index.html
Last active March 20, 2022 19:22
Twemoji fallback, prepend font to font-family list
<!doctype html>
<html lang=en>
<head>
<title>emoji-picker-element: Windows flag emoji fallback (prepend font)</title>
<!-- Use non-existent "only x" media to toggle this style on/off -->
<style id="twemojiFlagsStyle" media="only x">
@font-face {
/* Use Apple Color Emoji because emoji-picker-element places that first in the font-family list */
font-family: "Custom Mozilla Twemoji";
@nolanlawson
nolanlawson / index.html
Last active March 21, 2022 15:38
emoji-picker-element Windows flag emoji twemoji fallback demo
<!doctype html>
<html lang=en>
<head>
<title>emoji-picker-element: Windows flag emoji fallback</title>
</head>
<body>
<h1>emoji-picker-element: Windows flag emoji fallback</h1>
<p>
On Windows 10/11, country flag emoji are currently
<a href="https://github.com/nolanlawson/emoji-picker-element/issues/269">not rendered as flags</a>.
@nolanlawson
nolanlawson / index.html
Created March 10, 2022 23:35
Test ariaInvalid
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Test ariaInvalid</title>
</head>
<body>
<h1>Test ariaInvalid</h1>
<input id="input1" type="text">
<input id="input2" type="text">