A Pen by Captain Anonymous on CodePen.
David B. Waters davidbwaters
davidbwaters
/ matrix-design-tokens.json
Created
April 28, 2022 06:48
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": { | |
| "color": { | |
| "BG": { | |
| "0": { | |
| "type": "SOLID", | |
| "value": "#0c0f10" | |
| }, | |
| "1": { | |
| "type": "SOLID", |
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
| <div class="p-summary"> | |
| <h1>Hello</h1> | |
| </div> | |
| <canvas class="p-canvas-webgl" id="canvas-webgl"></canvas> |
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
| <svg xmlns="http://www.w3.org/2000/svg" version="1.1" class="svg-filters"> | |
| <defs> | |
| <filter id="filter-goo-4"> | |
| <feGaussianBlur in="SourceGraphic" stdDeviation="7" result="blur" /> | |
| <feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 19 -9" result="goo" /> | |
| </filter> | |
| </defs> | |
| </svg> |
davidbwaters
/ gist:e6b74ff9cd14630266bc34a9016be179
Last active
January 12, 2021 16:07
image preload
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
| /* | |
| * Scripts - Utilities - Preload Images | |
| */ | |
| export function imagesPreload(imageUrls) { | |
| let images = [] | |
| let count = 0 |
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
| <h2> | |
| Simple Radial Mouse Cursor | |
| <br><small>25 lines of JavaScript</small> | |
| </h2> | |
| <div id="mouse-circle"></div> |
davidbwaters
/ gist:3992a4b1cde59c3964d6bb10d8dc8ec6
Last active
December 28, 2020 16:47
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
| <script type="text/javascript"> | |
| $('.lecture_complete_button').click((evt) => { | |
| const progBar = document.querySelector('.progressbar') | |
| if (progBar.style.minWidth !== '50%') { | |
| progBar.style.minWidth = '50%' | |
| document.querySelector('span.percentage').innerText = '50%' | |
| } | |
| }) | |
| </script> |
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
| let previousY = 0 | |
| let previousRatio = 0 | |
| function getObserverEntryInfo(entry, previousY, previousRatio) { | |
| let direction | |
| let approach | |
| const hasLargerRatio = | |
| entry.intersectionRatio > previousRatio |
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
| canvas#canvas Your browser doesn't support the HTML5 Canvas element :( |