All posts with the tag "webdev"
markata-go now has web awesome integration for image compare. It renders a nice web component with a slider to compare two images.
It’s done with a class wrapper around the image components.
::: wa-comparison   :::
Without markata-go’s web awesome integration, the above would look like:
webdev twitter is blowing up with implementations of pretext text calculations. The examples are absolutely fun and ridiculous.
I love the level of thought that Jim has put into these changes and making sure that urls don’t change. I’ve got a big change in flight to my main site and this is one of the reasons that I’ve been sitting on it so long. I want to make sure urls arent broken, redirects work as they should, and there are no 404’s from existing urls. Currently the new version only exists on a separate deployement https://go.waylonwalker.com/
I also added the ability to “shuffle” between posts. This is mostly for myself. I like to randomly jump through notes I’ve published in the past for reoccurring inspiration
Love this idea and have it on my new site already as well, and have really enjoyed using it by pressing it a dozen or so times over the course of a few sessions. It highlights that I have too many posts like stars and thoughts and I should do some weighting to main posts. mine is at
I don’t know if you know this, but the web is a beautiful platform that allows you the freedom to create things and put them out there. Its not tied to four major platforms. You don’t have to post your thoughts, ideas, and apps to a platform, you can just make it. This is a beautiful thing that seems to have been forgotten. I was inspired this morning from @scotthanselman’s tinytooltown. Looking through all of the tiny tools that people have built for themself, as personal software, not answering to anyone but themself, it was inspiring.
Agents have gotten a lot better, like seriously better. The ai bros that were ai pilled too early that said SWE is over in six months called it too early. It wasn’t time. Now since Nov 2025 we have had agents that can do some damn work. Proving the point some of the greatest devs I’ve ever looked up to have not written a line of code since. Not hype bros or someone not good at the craft, but...
...
This was the inspiration for the next update in dropper that became a full clip editor. The one that I’ve long wanted, but forgotten about. It’s going to include this cropper, resize, image extractor, and trimmer.
Learned about this one from the @stipete interview @scotthanselman did on YouTube. This is proof that the internet is alive. It’s such web 1.0 nostalgia to see that people can just build things! Did you know that you can literally just build things and make them exist? You don’t need users, You don’t need a big platform, you can just make something into existance. It seems like something we have forgotten through web 2.0 where everything as become 4 major apps all linking to each other and trying to hoard all of the attention. Scroll through tehre are some really cool apps, probably nothing that has the polish you want, or is going to change your world. What these apps have more than anything you’ve probably used in the recent years, is inspiration. Its xyz, but the way I wanted, or with my little twist. And no one else has to like it but me because I’m the user.
Is AI making us more productive yet, more faster yet?
probably not
I’ve seen this question hitting all over the Internet lately, and often points to people not writing code. Copilot turns prompts into emails, emails back into summaries that look a lot like prompts. I think there’s a place for this, making rambled thoughts sound more coherent, summarizing notes and meeting minutes. All good stuff but does it make us more productive, probably not by an amount that you can put $ $ behind, unless you are reducing headcount. thats not what we are doing right???
...
I keep forgetting about the double gutter problem with nested containers. When you put padding on a parent and the child also has padding, you get twice the spacing you wanted.
.container { padding: 2rem; } .child { padding: 2rem; }
Now your content is 4rem from the edge. Not what I meant at all.
Either remove padding from the parent or use box-sizing: border-box and plan for it. I usually just drop the parent padding when I realize what I have done.
Extract text from MDX files, removing J…
Damn this one is getting some reach, I’ve seen it from Simon Willison and Justin Searls and t3.gg. I feel for Adam, He has built a fantastic product that the world is running with, something we all needed. Something that everyone laughs at turns their nose up “ppft I don’t need that” the first time they see it, but once they try people get it, and a lot of them like it...
...
Yesterday I wrote about a way to do light mode screen recording to convert to light mode from dark mode with ffmpeg. I was wondering if it could be done entirely on the front end for web applications. Turns out you can. I’m sure there are limited wikis and site builders that don’t allow adding style like this, but it works if you can.
<video src="https://dropper.waylonwalker.com/file/1c53dbcb-4b84-4e94-9f04-a42986ab3fa1.mp4?width=800" controls style="filter: invert(1) hue-rotate(180deg) contrast(1.2) saturate(1.1);" > </video>