Posts tagged: dev

- 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/

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/

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/

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. {.aspect-[2.39/1]} {.cinematic} {.cinematic}  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

- 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/

- I like the charts that Theo brings to to these videos. Shout out for a positive k8s reference and not shitting on it. [2] Htmx brings html [3]/css just a bit further down the complexity graph with little to no extra effort, while react allows us to go all the way full complexity at the cost of build and dev complexity to go from zero to 100 as soon as its introduced. [4] htmx brings us back to the ease of jquery ajax without any complex swapping or json parsing, all of the object parsing and html templating is done in the backend, the front end just tracks where to put it. HTMX couples the frontend and backend much tigher, since all of the front end html is generated in the backend, done correctly it is not possible for the front end to get out of sync and try to do things that the back end does not know how to handle, vice versa. [5] Note This post is a thought [6]. It’s a short note that I make about someone else’s content online #thoughts References: [1]: /htmx/ [2]: https://dropper.waylonwalker.com/api/file/6b2d4ec0-98f2-4e58-8ab4-936b7356e7f4.webp [3]: /html/ [4]: https://dropper.waylonwalker.com/api/file/71ac480a-4e45-4777-87eb-a9d2d8775cca.webp [5]: https://...

Availability Staff Software Engineer at GitHub specializing in developer productivity, AI-assisted development, and accessibility. Creator of The Balanced Engineer newsletter and co-host of the Overcommitted po... Brittany Ellich · brittanyellich.com [1] nice overview of availability measurements and what they really mean. The crazy world we live in today depends on so many things runnig, its also so hard to measure your uptime, The uptime metrics can mean a lot of different things. The site is up and accepting traffic, but can users make changes or submit orders, there is a lot more to it than just up or down. I really appreciate Brittany’s story from Nike nested in there. 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://brittanyellich.com/note/availability/ [2]: /thoughts/

External Link devcommunity.x.com [1] Just tried using my twitter api key for the first time in quite awhile. Apps now need to be tied to projects in order to work. It looks like projects are where pricing comes into play. Thankfully they still give a free tier for doing small time things for myself. You can really see the effect that llms have on these things though as it is 5x more expensive to read posts than to make posts currently. Data is the new gold for these kind of companies. 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://devcommunity.x.com/t/v2-suddenly-getting-client-not-enrolled-today/195456 [2]: /thoughts/

bic Static blog generator, in bash bic · bic.sh [1] Intereresting someone built a blog generator in bash. it comes with normal markdown to html [2], static content, robots.txt, sitemap, rss, and tags. It uses pandoc to take markdown to html and mustache for page templates. 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://bic.sh/ [2]: /html/ [3]: /thoughts/

Animate to height: auto; (and other intrinsic sizing keywords) in CSS  |  CSS and UI  |  Chrome for Developers Animate to and from intrinsic sizing keywords with `interpolate-size` and `calc-size()` Chrome for Developers · developer.chrome.com [1] Css is getting so good, new things like interpolate-size are making things that use to require some deep expertise and hacks intuitive and easy. /* Opt-in the whole page to interpolate sizes to/from keywords */ :root { interpolate-size: allow-keywords; /* 👈 */ } 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://developer.chrome.com/docs/css-ui/animate-to-height-auto/ [2]: /thoughts/

- Great panel of software folks at open sauce. It was interesting hearing from all these creators from the perspective of an open sauce panel. 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/