Skip to content

Instantly share code, notes, and snippets.

@nolanlawson
nolanlawson / bootstrap.min.css
Last active May 25, 2022
Stylesheet parse cache demo
View bootstrap.min.css
@charset "UTF-8";/*!
* Bootstrap v5.2.0-beta1 (https://getbootstrap.com/)
* Copyright 2011-2022 The Bootstrap Authors
* Copyright 2011-2022 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,6
@nolanlawson
nolanlawson / index.html
Last active May 24, 2022
ElementInternals - ariaLabel and role
View index.html
<!doctype html>
<html>
<head>
<title>ElementInternals with role</title>
<style>
label, fancy-label {
display: block;
}
</style>
</head>
@nolanlawson
nolanlawson / index.html
Created May 16, 2022
promise-worker demo
View index.html
<!doctype html>
<html>
<script src="./promise-worker.min.js"></script>
</html>
@nolanlawson
nolanlawson / index.html
Created May 6, 2022
Element.prototype.part demo
View index.html
<!doctype html>
<html>
<head>
<title>Element.prototype.part demo</title>
</head>
<body>
<h1>Element.prototype.part demo</h1>
<script>
const el = document.createElement('div');
console.log('part' in el);
@nolanlawson
nolanlawson / .gitignore
Last active May 3, 2022
Repro SWC minifier issue
View .gitignore
node_modules
dist.js
@nolanlawson
nolanlawson / Twemoji Mozilla.ttf
Last active Apr 16, 2022
mozilla twemoji-color emoji 14.0 demo
View Twemoji Mozilla.ttf
This file has been truncated, but you can view the full file.
@nolanlawson
nolanlawson / combobox.css
Last active Apr 4, 2022
Firefox NVDA display:contents repro
View combobox.css
.annotate {
font-style: italic;
color: #366ed4;
}
.hidden {
display: none;
}
.combobox-wrapper {
View index.html
<!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>
View index.html
<!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 Mar 28, 2022
getAccessibleName shadow DOM demo
View index.html
<!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">