Posts tagged: dev

All posts with the tag "dev"

297 posts latest post 2026-05-23
Publishing rhythm
May 2026 | 13 posts
Marp: Markdown Presentation Ecosystem Marp (also known as the Markdown Presentation Ecosystem) provides an intuitive experience for creating beautiful slide decks. You only have to focus on writing your story in a Markdown document. marp.app [1] Intersting markdown presentation tool, Looks very simple. I really like split on --- much better than by h1 or h2. Their theme looks really nice in the screenshots. Note This post is a thought [2]. It’s a short note that I make about someone else’s content online #thoughts References: [1]: https://marp.app/#get-started [2]: /thoughts/
- How to make an entire clickable without presenting the entire content of the card as the link title. These videos are great, I’ve ran into these types of problems so many times, and definitely did not know about things like isolate to keep the z-index scoped to one element. - isolate - scope z-index inside this element so that it does not leak out. - [.relative [.absolute, inset-0, z-10]] - the inset zero is a modern shorthand for zeroing all sides, top-0, right-0, bottom-0, left-0. Note This post is a thought [1]. It’s a short note that I make about someone else’s content online #thoughts References: [1]: /thoughts/
- This is an absolute banger of a review by prime and Dylan Beetle. I love the similar takes with different perspectives, would really like to see them podcast together, but this one way style interview does really well to cover a lot of issues in open source, rug pulls, version pinning, thankless maintainers, what its like to open source from a large company. Note This post is a thought [1]. It’s a short note that I make about someone else’s content online #thoughts References: [1]: /thoughts/
YouTube Enjoy the videos and music you love, upload original content, and share it all with friends, family, and the world on YouTube. youtube.com [1] Damn he makes this easy. I did not know about hx-select. yes there is waste in requesting the entire thing every 5s, but damn that was easy to get life reload. I’ve only done very specific backend endpoints, built pages up from partials, made endpoints for partials. keeping this one in my back pocket. I’m just kind of amazed that he could do this all in html [2] without touching the backend or js, typically things like this require one or the other. Yes js is running, but no other js library I’m aware of lets you do this. Note This post is a thought [3]. It’s a short note that I make about someone else’s content online #thoughts References: [1]: https://www.youtube.com/watch [2]: /html/ [3]: /thoughts/
Redis configuration Overview of redis.conf, the Redis configuration file Docs · redis.io [1] redis has all of their default self documented configs hosted here. You can pull the default redis.conf for any of the major releases. Note This post is a thought [2]. It’s a short note that I make about someone else’s content online #thoughts References: [1]: https://redis.io/docs/latest/operate/oss_and_stack/management/config/ [2]: /thoughts/
The State of Secrets Sprawl 2025 GitGuardian's 2025 report reveals 70% of leaked secrets remain active two years later. Discover the alarming state of secrets sprawl & protect your organization. GitGuardian Blog - Take Control of Your Secrets Security · blog.gitguardian.com [1] Good report, make notes later Note This post is a thought [2]. It’s a short note that I make about someone else’s content online #thoughts References: [1]: https://blog.gitguardian.com/the-state-of-secrets-sprawl-2025/ [2]: /thoughts/
GitHub - valkey-io/valkey: A flexible distributed key-value database that is optimized for caching and other realtime workloads. A flexible distributed key-value database that is optimized for caching and other realtime workloads. - valkey-io/valkey GitHub · github.com [1] valkey appears to be the largest open source fork of redis that was forked just before their transition to the new source available licenses. One notable thing missing from the readme is how to run with docker, which I saw in the valkey-py docs. docker run -p 6379:6379 -it valkey/valkey:latest You can install the python library with python -m venv .venv . ./.venv/bin/activate pip install "valkey[libvalkey]" Note This post is a thought [2]. It’s a short note that I make about someone else’s content online #thoughts References: [1]: https://github.com/valkey-io/valkey [2]: /thoughts/
hype cp | Hypermedia Copy & Paste hypecp.com [1] This is a super cool reference for htmx [2] snippets. I really like how he has a couple of errors on the page as examples with examples that fix these common errors. Note This post is a thought [3]. It’s a short note that I make about someone else’s content online #thoughts References: [1]: https://hypecp.com/ [2]: /htmx/ [3]: /thoughts/

fragmention

This post is still WIP. ….. https://indieweb.org/fragmention##Challenges I’ve been digging through David Bushell’s blog over the past day, he has some really good ideas about blogging and webdev. One really interesting post I came accross is url-fragment-text-directives [1]. I’ve long had id’s linked on my headings, though sometimes broken, or now showing the link, I’ve done my best to include them. Fragmentions extend this to allow any text to be linkable like this. fragmentioner ui: https://github.com/kartikprabhu/fragmentioner/tree/master?tab=readme-ov-file fragmentioner js: https://github.com/chapmanu/fragmentions Examples # [2] https://resilientwebdesign.com/#This%20is%20a%20web%20book References: [1]: https://dbushell.com/2024/12/05/url-fragment-text-directives/ [2]: #examples
I’m building in a [[ fragmentions ]] implementation into my blog, I wanted to add some text before the fragment to indidate that it was the highlighted fragment that someone may have intended to share with you. To get a newline in a :before I need to use \A and white-space: pre-line. body :target::before, body [fragmention]::before { content: "Highlighted Fragment:\A"; white-space: pre-line; @apply font-bold text-yellow-600; } Here is what it looks like on my not yet live implementation of fragmentions. [1] References: [1]: https://dropper.waylonwalker.com/api/file/fb693b92-3744-45a5-9220-bd914162f435.png
- Damn prime makes an interesting point near then end of this video. He’s seen a bunch of people able to just throw down charts and shit at their company and end up being “the coding guy” cause they proompted something once. In a way I can relate, I got into software in a similar way, but at a time that it took a lot more hard work, understanding , and copy past from the right stack overflow. Based on some of the people around me at the time I can only imagine how some people must feel like they got pushed into it without wanting it, and now are building something they don’t know anything about with no care about it or care to build any expertise. Is the future proompted charts from enterprise chatgpt or do we only continue growing more need for software from here. [1] Note This post is a thought [2]. It’s a short note that I make about someone else’s content online #thoughts References: [1]: https://dropper.waylonwalker.com/api/file/d43265cd-7fe1-4cb4-a22e-d82a37a2e368.webp [2]: /thoughts/
Colors - Core concepts Using and customizing the color palette in Tailwind CSS projects. tailwindcss.com [1] Tailwind has the best color system, very well done. Even if you don’t use it, it serves as a great color picker. Note This post is a thought [2]. It’s a short note that I make about someone else’s content online #thoughts References: [1]: https://tailwindcss.com/docs/colors [2]: /thoughts/
- Big fan of Primes setup. I was not far off of his setup before he really came on the scene, but I’ve picked up a ton of nuggets from him and how he operates. I took his first developer productivity course on Front End Masters as it came out. It is interesting to see him roll back his ansible scripts for bash scripts here. I converted my setup to ansible after watching his first, but have also since rolled back to bash scripts for quite similar reasons. Ansible is great for remote tasks that need to be done on a fleet of machines, but like he says here overkill for this purpose and ends up something that you need to read the docs for every change to your dotfiles. Unlike prime I’ve really leaned harder on installing everything in a docker image and developing out of a docker image. I’ve long built docker images of my dotfiles with the idea that its nice to be able to just use them on other machines, but it rarely happened. In the past year I’ve moved bazzite, an immutable distro. It comes with podman and distrobox, so I install very little on it, a few flatpaks from the store for brave and signal, but most of what I really use day to day comes from my devtainer. It’s nice t...
Jhey ʕ·ᴥ· ʔ (@jhey.dev) breakin' down classics CSS background-image + background-blend-mode + custom properties = holo-like effects with parallax ✨ Bluesky Social · bsky.app [1] Jhey has the coolest webdev demos! Note This post is a thought [2]. It’s a short note that I make about someone else’s content online #thoughts References: [1]: https://bsky.app/profile/jhey.dev/post/3lgoev36hps2h [2]: /thoughts/

markdown split panel

Today I was playing with markdown split panels. I want to be able to compare and constrast occasionually, today the inspiration hit to do this using admonitions. [1] Mobile Users 🔄 You will need to rotate your device to see the side by side feature. The Markdown # [2] This is what I am going for, one admonition that is easy to remember, that nests inside of itself , and I can put as much markdown on the inside that I want. !!! vsplit I Have two opinions !!! vsplit Left Opinion supporting arguments * lorem ipsum * ipsum dolor - [x] lorem ipsum - [ ] ipsum dolor !!! vsplit Right Opinion supporting arguments * lorem ipsum * ipsum dolor - [ ] lorem ipsum - [x] ipsum dolor Here is the result of that markdown. I Have two opinions Left Opinion supporting arguments - lorem ipsum - ipsum dolor - lorem ipsum - ipsum dolor Right Opinion supporting arguments - lorem ipsum - ipsum dolor - lorem ipsum - ipsum dolor Vsplit Hello World Here is a hello worl...
I’ve been back to putting some images on my blog lately and thinking about making them a bit thinner through the use of aspect ratio for simplicity. I’m leaning pretty heavy on tailwindcss these days due to some weird quirks of markdown-it-attrs I cannot have slashes in classes from markdown so I made a .cinematic class to achieve this. .cinematic { @apply aspect-[2.39/1]; } Example [1] References: [1]: https://dropper.waylonwalker.com/api/file/50cfa8dc-9d46-4f02-877b-688fa5510a83.png
Attrs does not like ‘/’ characters in its classes, so to use some tailwind classes with custom values we must make new classes in our tailwind input css. .cinematic { @apply aspect-[2.39/1]; } Given the following markdown with attrs added to the image and to the paragraph block. ![screenshot-2025-01-31T14-50-00-094Z.png](https://dropper.waylonwalker.com/api/file/50cfa8dc-9d46-4f02-877b-688fa5510a83.png){.aspect-[2.39/1]} ![screenshot-2025-01-31T14-50-00-094Z.png](https://dropper.waylonwalker.com/api/file/50cfa8dc-9d46-4f02-877b-688fa5510a83.png){.cinematic} {.cinematic} ![screenshot-2025-01-31T14-50-00-094Z.png](https://dropper.waylonwalker.com/api/file/50cfa8dc-9d46-4f02-877b-688fa5510a83.png) We get the following output with only the middle one working correctly. [1]{.aspect-[2.39/1]} [1] [1] Note The inline version of `.cinematic` works, but `.aspect-[2.39/1]` does not, it turns into text after the image. The block version with the class before the image applies to the paragraph, not the image. References: [1]: https://dropper.waylonwalker.com/api/file/50cfa8dc-9d46-4f02-877b-688fa5510a83.png

hover z-index and positioning

I broke my sick wikilink hover [1] recently in a refactor, today I did some diving in to figure out what happened. Before # [2] As you can see in the screenshot below, the link is in a list of links, and when the hover image pops up it sits behind all of the other text. The z-index of the list-item is supposed to be raised above the others on hover. [3] Manually setting z-index to 20 in the inspector I noticed this message from devtools, “The position: static property prevents z-index from having an effect. Try setting position to something other than static.”, looking back at some of my refactoring I had relative in an old template and it was lost. [4] After # [5] After properly setting position to relative on the list-item, the hover image is raised above the others. [6] References: [1]: /sick-wikilink-hover/ [2]: #before [3]: https://dropper.waylonwalker.com/api/file/b3158b49-5c0f-4e52-b3e3-47ba67f5c801.webp [4]: https://dropper.waylonwalker.com/api/file/1c7fb24c-b77d...
- Don’t stop learning! Stop trying because you have a doomer outlook on ai, llms, industry and think they are taking over. If you have no hope for the future, if you stop now you are cementing in that you will be no good and the ai will be better. Many, maybe most of us in this industry go here by hard work, long nights of learning, trying to solve problems that our job had. If llms take over then the world is going to be a whole lot different, it will be a world you cannot predict or plan for. For now put your head down and succeed in the world we have today. TEEJ has some great thoughts on this whole sentiment, put this on for you morning walk or whatever you do. Note This post is a thought [1]. It’s a short note that I make about someone else’s content online #thoughts References: [1]: /thoughts/