crib sheets: html • css • javascript • lorem ipsum
dev notes
2026-05:
i wrote about how i rediscovered rss and created my own news feed.
how to generate a guid in JavaScript? crypto.randomUUID()
youmightnotneedjquery.com is a handy reference because it turns out there are plenty of things i dont actually know how to do without jQuery installed.
how to use css grid?
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0 30px;
wtf that’s way too easy :P (mdn: Basic concepts of grid layout)
blurred text css
color: transparent;
text-shadow: 0 0 3px #ff33ff;
Fun With Blurred Text via css-tricks.com
previously...
2026-04:
looking at html canvas. my first project was going to be to generate some new buttons for the site, but i cant figure out to get the text to not be blurry (any ideas?). so, that might be on hold for a moment.
HTML canvas tutorial (w3schools)
trying to use an image as a border around an element. simple? nope.
fiddling with this “new” flexbox thing. handy tutorial: Flexbox Froggy. Flexbox basics according to MDN
animal emoji list from w3schools •
CSS columns - MDN • CSS borders - w3schools
•
CSS hypens - MDN
(use ­ to suggest hyphenation)
• CSS attribute selectors via MDN
sandbox
a few random projects i potter about with when i have a moment
pokémon catch card gallery • jquery blocks game • pocketmarkup • pascal
crib sheet
noun (uk informal) a piece of paper that contains notes or information to help someone remember something, especially one used for cheating during an examination
these pages are where i collect various handy code snippets for quick copying-and-pasting. (especially handy when trying to use mobile keyboard.)