Posts tagged: webdev

All posts with the tag "webdev"

214 posts latest post 2026-07-05
Publishing rhythm
Jun 2026 | 2 posts

Why Make a Website in 2025

Inspired by Jim [1] and Dave [2] It’s Fun # [3] If it’s not something that you enjoy, you might as well move on there are far better ways to spend your time in 2025. Only the weirdos read this shit anymore, the masses have long moved on to curated social media feeds, and on to chatting with llms. I enjoy spending some time in the digital garden every once in awhile tweaking templates, creating markata [4] plugins to do interesting things. I enjoy expressing my thoughts, or at least shouting them into the ether. I’ll be the first to admit that I often go to an llm for first pass at many things that I could look up in a guide or 😲 the docs. I enjoy reading others # [5] This year I have made extra effort to add more and more people into my Reader [6]. I enjoy reading content from people I chose to follow and can remove whenever I want. I enjoy reading actual human thoughts and not ai generated content all day. I even will create Thoughts [7] based on these posts that I find inter...

I needed to display some hover text in a web app that I am using tailwind and jinja on. It has no js, and no build other than the tailwind. I want this to remain simple. Turns out that you can use a span with a title attribute to get hover text in HTML.

<p>
I needed to display some hover text in a web app that I am using tailwind and
jinja on.  It has no js, and no build other than the tailwind. I want this to
remain <span style='cursor: help; color:yellow;' title='respective to the
python developer I am and the team it is used for'>simple</span>.
</p>
- Damn, social media is at an all time low. I’ve felt all of these issues and when I got a new phone I started fresh, I didn’t install one social media app. Luckily Youtube has remained solid for me. Yes shorts are a bit less what I came for and more addicting content they had to do in order to keep up. There are some legit good commedians, a bit of good knowledge and a bunch of trash that is hard to look away from on shorts. I still find myself able to find content I enjoy and signed up for on YouTube. I feel like I get a one way relationship with someone similar to a TV show or news anchor of old media. Social Media has morphed from follows likes and similar, to viral posts by creators I don’t recognize. posting and immediately getting like by two hot women with accounts created this week. The rest of the real creators left on there are stuck trying to keep up, echo viral trends, trying to keep up the content treadmill. A few come through, but most feel somewhat forced. A lot of it is ai generated, and whats not mostly doesn’t feel that human anyways. The people on here seem to really tie the internet to social media and are ready to quit the internet. I think there is more...
[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. 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] References: [1]: https://signature.cnrad.dev/ [2]: https://dropper.waylonwalker.com/api/file/c87fdbe3-26f2-4f14-b4fb-7dc9b231e999.png
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. References: [1]: https://blakewatson.com/journal/blakewatson-com-turns-twenty/
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! References: [1]: https://tonsky.me/
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. References: [1]: https://picocss.com/docs/colors
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] References: [1]: https://github.com/rushter/selectolax [2]: https://dropper.waylonwalker.com/api/file/b5d8930f-59e0-4947-9500-717f66ce33dc.png
[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. References: [1]: /static/https://github.com/basecamp/omarchy/blob/master/install/webapps.sh
External Link stackoverflow.com [1] I need to give this a try for markata glossary References: [1]: https://stackoverflow.com/questions/56755439/modifying-hover-in-tailwindcss
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. References: [1]: https://dbushell.com/2025/06/13/your-framework-is-showing-nextjs-error/ [2]: /htmx/
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. References: [1]: https://omarabid.com/nextjs-vercel
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. References: [1]: https://cassidoo.co/post/pocketcal-build-log/ [2]: /tinyapps/
- 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. References: [1]: /html/

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 out of minio, static html, 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.

screenshot of 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 References: [1]: https://chriscoyier.net/2025/04/30/12292/
- 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.