Adam Schwartz adamschwartz
adamschwartz
/ --color-rgb-varying-opacity-example.html
Created
June 16, 2020 07:32
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="initial-scale=1, width=device-width"> | |
| <style visible> | |
| :root { --color-rgb: 8, 10, 60 } | |
| </style> | |
| <style> |
adamschwartz
/ ios-safari-box-shadow-circle-bug-repro.html
Created
June 2, 2020 02:24
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <title>iOS Safari bug: incorrect rendering of box-shadow on 19.2px square element with 50% border-radius</title> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="initial-scale=1, width=device-width"> | |
| <style> | |
| html { | |
| font-size: 16px; | |
| } |
adamschwartz
/ plink-plonk.js
Created
February 19, 2020 22:47
— forked from tomhicks/plink-plonk.js
Listen to your web pages
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| Copy this into the console of any web page that is interactive and doesn't | |
| do hard reloads. You will hear your DOM changes as different pitches of | |
| audio. | |
| I have found this interesting for debugging, but also fun to hear web pages | |
| render like UIs do in movies. | |
| */ | |
| const audioCtx = new (window.AudioContext || window.webkitAudioContext)() |
adamschwartz
/ pre-2020-google-search-results.css
Last active
February 6, 2023 21:57
Stylesheet for pre-2020 Google Search results page styles
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Version 3. Updated Sep 5, 2022 */ | |
| #search a:has(>br):has(>h3):has(>div) br { | |
| display: none; | |
| } | |
| #search a:has(>br):has(>h3):has(>div) h3 { | |
| display: block; | |
| } |
adamschwartz
/ scroll-overflow-proof-of-concept.html
Created
September 6, 2017 19:28
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>­</title> | |
| <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> | |
| <style> | |
| * { | |
| box-sizing: border-box; | |
| } |
adamschwartz
/ subdomain-input.html
Last active
March 26, 2021 15:05
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <form> | |
| <div prefix-editor suffix=".adamschwartz.com" spellcheck="false" autocomplete="false"> | |
| <input type="text"> | |
| </div> | |
| </form> | |
| <script> | |
| (() => { | |
| const editorEl = document.querySelector('[prefix-editor]') | |
| const inputEl = editorEl.querySelector('input') |
adamschwartz
/ rainbow-donut-spinner.html
Created
August 12, 2017 21:39
Single-element rainbow donut spinner
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <style> | |
| :root { | |
| --background: #000; | |
| --rainbow-1: #e91e63; | |
| --rainbow-2: #9c27b0; | |
| --rainbow-3: #3f51b5; | |
| --rainbow-4: #2196f3; | |
| --rainbow-5: #00bcd4; | |
| --rainbow-6: #4caf50; | |
| --rainbow-7: #cddc39; |
adamschwartz
/ gist:099acd44bd6a1b6eb9e6b716eb0dfd16
Created
May 20, 2017 23:19
Great unicode shapes
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| ▲ ● ■ |
adamschwartz
/ matter-js-fix-compound-body-hull-after-part-position-change.html
Last active
August 23, 2021 18:57
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <body> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/matter-js/0.12.0/matter.js"></script> | |
| <script> | |
| const Engine = Matter.Engine | |
| const Render = Matter.Render | |
| const Runner = Matter.Runner | |
| const MouseConstraint = Matter.MouseConstraint | |
| const Mouse = Matter.Mouse | |
| const World = Matter.World |
adamschwartz
/ matter-js-compound-body-set-position-then-set-parts.html
Last active
March 25, 2017 19:05
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <body> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/matter-js/0.12.0/matter.js"></script> | |
| <script> | |
| const Engine = Matter.Engine | |
| const Render = Matter.Render | |
| const Runner = Matter.Runner | |
| const MouseConstraint = Matter.MouseConstraint | |
| const Mouse = Matter.Mouse | |
| const World = Matter.World |
NewerOlder