ray kooyenga

Q1 2025 coming back online! *been a packed few months and there’s tons to publish, here’s a couple quick fun ones with more to come**

page dependency spy

javascript Bookmarklet for quickly inspecting or downloading all script and style assets.

redbox.js

javascript Hacker nostalgia. Who doesn’t find that 6.5536MHz crystal soothing?

better-ascii

app progressive app camera for creating cool ascii effects in video, still, even text files. Currently Android & PC

csv-viewer

javascript Web viewer for CSV string data files local or remote

ttf-to-woff2

Shell Helper app to convert self served fons to woff2 using brotli

January 2022 Projects & New Content

git-clone

Shell script for easy mass downloading all github repositories of a user or organization in one command.

git-spring

PHP proxy utility to link Github Raw js or css files and serve html ones. Kinda like RawGit or my old StatSpring app.

FireNote

Javascript instant note taking app utilizing browser LocalStorage for login-free background saves.

Ray Kooyenga GH Pages

HTML this page, area, and the content below. Obviously it’s just a quick rant and dummy temporary content while I figure out what exactly I want to do with it

Blog Posts

cloudfront invalidations by cli

Note to self on cache invalidation for cloudfront via aws cli as I for some reason always used the web and rarely mess in AWS these days.

Bits n Pieces Playlist

The recent explosion at my house left me a bit tattered and scarred. A solid start to a playlist backstory, right?

Adding Favicons to Jekyll Part 2

OK we made an icon we like, edited it, compressed it. It’s web ready and time to add, but we aren’t using a flat html page. These are generated by the Jekyll builder. Easy enough to just hardcode a tag and path, force it in. But is that what we want? Lets try and fit it in more seamlessly so we improve the process for next time.

Adding Favicons to Jekyll Part 1

Quick project here to add favicons to my Github Pages Jekyll. I never know what to make as an icon so end up putting it off or copying icons from somewhere else. Which is fine until you see all the fails in your server logs. Or go to build a progressive web app, or the worst has gotta be a chrome extension manifest v2+. If you know you know.

Page Info Bookmarklet

Another bookmarklet simpler than my recent ones this ones goes back a bit. I would say 2017 following the first Bitcion run andf subsequent pullback.

Page Dependencies Bookmarklet Javascript

For a currently loaded page, show the script and style references as full path as a table overlaid above the page.

DOM Inspection Getting Unique Classes and IDs

There may be instances perhaps we’re looking at coverage and cleaning up unnecessary CSS, to comb through and the DOM and see what types of elements are actively loaded. Whatever your case is here are some ways we can parse the currently loaded page.

rss news mobile hotfix

a note about this task

*A note to self when I was on schedule for this project and needed to test and implement a round of essential fixes. I havent read in awhile but given its personal nature expect typos amd improper grammar, thoughts abbreviated, etc. Tho at a glance one thing stands out as the todo checkboxes have Ipad not yet checked off. Apple testing is critical as I'm only recently discovering and quite taken aback by the sheer amound of instances my demos don't function on iphones. As my mother recently passed I inherited an iphone which is helpful for testing now, but also though i've not used it yet, her iPad which is a nice one too so that's be interesting to play with and reason to ease in to logging in and messing with that hopefully find some pictures. That never happened hence the blankn checkboxes. Because...the ipad is missing from yes, the small area that is my dead mother's things. And so this is probably why i suddenly dropped this. At the same time as all this a friend in town had what I'll call a misadventure. I mean a lot of things by that. Just one small one was losing his house after it being robbbed, etc. This psychological response was sever.

Fancy CSS Header

In this article I’m going to cover an easy, fun, pure CSS animation to add flare to a website. I will also outline the practical steps for how I’m including this trick into a Jekyll site. This very site in fact.

Ray Kooyenga Follow

Serial prototyper & compulsive problem solver.

Mar 9, 2018 · 3 min read

Quote

“Historically, accessing the global object has required different syntax in different JavaScript environments. On the web you can use window, self, or frames - but in Web Workers only self will work. In Node.js none of these work, and you must instead use global.

Stay tuned and thanks for reading.

by Ray Kooyenga