Posts tagged: webdev

[1] The most under hyped, under engineered text editor overtype. Going to be popping this into some places like Thoughts [2], and maybe more, looks small and easy to use. Gives just a bit of nice features over a text editor. Note This post is a thought [2]. It’s a short note that I make about someone else’s content online #thoughts References: [1]: /static/https://overtype.dev/?utm_source=waylonwalker.com [2]: /thoughts/

Digitized Signatures signature.cnrad.dev [1] seriously cool dumb app that no one asked for but is really creative and unique. [2] 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://signature.cnrad.dev/ [2]: https://dropper.waylonwalker.com/api/file/c87fdbe3-26f2-4f14-b4fb-7dc9b231e999.png [3]: /thoughts/

blakewatson.com turns 20 - blakewatson.com I bought this domain as a college student using a friend’s credit card. Twenty years later, it’s one of the best decisions I've ever made. blakewatson.com [1] 20 years is a long time to work on something, congrats Blake! So many great links to small web creators, why, and how to build your own site. As algos turn to shit the small web remains a space that cannot be ruined. There will always be rss feeds from real humans writing for other humans. 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://blakewatson.com/journal/blakewatson-com-turns-twenty/ [2]: /thoughts/

Blog tonsky.me · tonsky.me [1] Niki has one of the coolest yet simple personal sites that I have seen in a long time. We need more of this on the internet! hover over his face, try dark mode, submit personal data, there are so many really cool Easter eggs to discover! 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://tonsky.me/ [2]: /thoughts/

Colors • Pico CSS Pico comes with 380 manually crafted colors to help you personalize your brand design system. Pico CSS · picocss.com [1] A great alternative to tailwind colors that has everything defined in one colors file for only 0.3kb. it feels well worth the weight if you are trying to skip a build step or avoid npm/node. It has even more colors than tailwind. I appreciate that there is a grey palette that is fully desaturated. 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://picocss.com/docs/colors [2]: /thoughts/

GitHub - rushter/selectolax: Python binding to Modest and Lexbor engines. Fast HTML5 parser with CSS selectors for Python. Python binding to Modest and Lexbor engines. Fast HTML5 parser with CSS selectors for Python. - rushter/selectolax GitHub · github.com [1] Selectolax you have my attention! I will be giving this a try for markata which often suffers from slow beautifulsoup. It appears to have everything I need for my simple use cases. [2] 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://github.com/rushter/selectolax [2]: https://dropper.waylonwalker.com/api/file/b5d8930f-59e0-4947-9500-717f66ce33dc.png [3]: /thoughts/

Transparent Textures transparenttextures.com [1] Fantastic resource of background textures, I will be using this for some projects. 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://transparenttextures.com/ [2]: /thoughts/

[1] I’m digging these web2app’s from DHH’s omarchy for setting up an opinionated archlinux hyprland. This gives a way to quickly open a web app as an app either with a hotkey or run launcher in its own dedicated window that you can put on it’s own workspace. I really like a workflow of keeping one window per workspace on one monitor and I can quickly navigate between apps with a single hotkey. This gives you the power to switch through things like chat, terminal, browser, steam game with blazing speed from the keybaord, no clicking no searching, just going directly to it. Note This post is a thought [2]. It’s a short note that I make about someone else’s content online #thoughts References: [1]: /static/https://github.com/basecamp/omarchy/blob/master/install/webapps.sh [2]: /thoughts/

External Link stackoverflow.com [1] I need to give this a try for markata glossary 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://stackoverflow.com/questions/56755439/modifying-hover-in-tailwindcss [2]: /thoughts/

Your Framework is Showing The one where I’ve had enough of the same Next.js error dbushell.com · dbushell.com [1] Great breakdown of nextjs. I was highly unaware of its performance optimizations before reading this. The smell of vendor lock in from next/vercel has been there from the start, this is the first real claim I’ve seen. I’m out on modern js front ends, complex builds that change every 6 months, design patterns are out of date just as fast. Its hard to keep up, especially when you don’t have the use case for highly interactive apps. Libraries like htmx [2] or plain ol js gets the job done on the majority of sites and everything I tend to work on. 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://dbushell.com/2025/06/13/your-framework-is-showing-nextjs-error/ [2]: /htmx/ [3]: /thoughts/

Next.js 15.1+ is unusable outside of Vercel TBD Omar Abid - Personal Blog · omarabid.com [1] Vendor lock in disguised as performance. Nextjs aparantly now streams all of your metadata on the fly with js. This would obviously kill all seo right, well not if you’re on vercel they automatically detect search crawlers and serve the metadata. Why the f do they need to do this and not just serve everyone the metadata. The Web is this beautiful place where anyone can create and build amazing things with a relatively low skill. Js is meant to be enhancement, not degrade the experience of its users. 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://omarabid.com/nextjs-vercel [2]: /thoughts/

PocketCal Build Log I made a date-sharing app called PocketCal. Here cassidoo.co [1] I love this idea of tiny useful apps for yourself. In fact I’m working on a project to built out tinyapps [2] for myself to replace my common needs. I absolutely love that all of the state is stored in the url bar, nothing is stored server side. As much as I love to hate js, I really appreciate that things like this can be built to just live on the web, be accessible from anywhere, and live practically forever as they require such little hosting demand. 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://cassidoo.co/post/pocketcal-build-log/ [2]: /tinyapps/ [3]: /thoughts/

- css if() just landed, I’m struggling to understand what I an do with this that I can’t do with something as old as classes. I can get it if I don’t have control over html [1] creation or js to add classes. The example that Una shows includes data that could directly be a classname with a set of styles in css rather than this crazy css variable unpacking out of a data attribute and an if statement. Note This post is a thought [2]. It’s a short note that I make about someone else’s content online #thoughts References: [1]: /html/ [2]: /thoughts/

I’m currently [[replacing-google-search-apps-with-self-hosted-web-apps]] and decided to create a simple b64 encoder/decoder, just start typing to enter text, escape to deselect, then e/d to encode/decode. I’m trying to make these apps super simple, self hosted [1] out of minio, static html [2], and javascript. It’s been fun to get back to some simple interactive web development like this. No build just a website that does something. No broken builds, no containers to deploy, just push to minio. encoded = btoa(content); decoded = atob(encoded); Here is the result. [3] References: [1]: /self-host/ [2]: /html/ [3]: https://b64.wayl.one

P. Martin Ortiz: Web apps can easily adapt to whatever device you’re on. A single responsive website can run on your desktop, phone, tablet, or even a VR headset. What’s even more, they can be ... Chris Coyier · chriscoyier.net [1] The web is everywhere, its the one true write once and run anywhere platform. Millions sunk into browser performance and things like the v8 engine allow us to run our shitty websites anywhere and it still runs good…. most of the time 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://chriscoyier.net/2025/04/30/12292/ [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/

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/

- Watching Wes fiddle through this with what a sane person would write in a normal day application and not applying the tricks for this kind of battle is how I feel when trying to do leetcode. 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/

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/