This algorithm returns the points that form an orthogonal path between two rectangles.
// Define shapes
const shapeA = {left: 50, top: 50, width: 100, height: 100};
const shapeB = {left: 200, top: 200, width: 50, height: 100};
maciejpedzich
/ TableOfContents.astro
Last active
August 25, 2025 06:07
Astro Table Of Contents Component + Sample Usage
This file contains hidden or 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
| --- | |
| import type { MarkdownHeading } from 'astro'; | |
| type Props = { | |
| headings: MarkdownHeading[]; | |
| }; | |
| type HeadingWithSubheadings = MarkdownHeading & { | |
| subheadings: MarkdownHeading[]; | |
| }; |
sebastiano-guerriero
/ typography_10.scss
Created
July 16, 2018 16:08
This file contains hidden or 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
| /* -------------------------------- | |
| Typography | |
| -------------------------------- */ | |
| :root { | |
| --font-primary: sans-serif; | |
| --font-secondary: serif; |
dmnsgn
/ WebGL-WebGPU-frameworks-libraries.md
Last active
October 31, 2025 14:57
A collection of WebGL and WebGPU frameworks and libraries
A non-exhaustive list of WebGL and WebGPU frameworks and libraries. It is mostly for learning purposes as some of the libraries listed are wip/outdated/not maintained anymore.
| Name | Stars | Last Commit | Description |
|---|---|---|---|
| three.js | 
This is one chapter of my "Chrome Extension Workshops" tutorial, see the rest here: https://gist.github.com/caseywatts/8eec8ff974dee9f3b247
Unrelated update: my book is out! Debugging Your Brain is an applied psychology / self-help book
I'm feeling very clever. I've got this sweet line of javascript that replaces "cloud" with "butt". My mom would LOVE this, but she doesn't computer very well. I'm afraid to show her the Developer Console and have her type/paste this in. But she IS pretty good at bookmarks, she knows just how to click those!
A bookmark normally takes you to a new web page. A bookmarklet is a bookmark that runs javascript on the current page instead of taking you to a new page. To declare that it is a bookmarklet, the "location" it points to starts with javascript:.