Posts tagged: dev

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. References: [1]: https://tailwindcss.com/docs/colors

- 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! References: [1]: https://bsky.app/profile/jhey.dev/post/3lgoev36hps2h

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

- 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] 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://dropper.waylonwalker.com/api/file/aa09051d-7e36-43a3-b6da-a6257cad1cc9.webp

Availability Software Engineer at Bluesky specializing in developer productivity, AI-assisted development, and accessibility. Creator of The Balanced Engineer newsletter and co-host of the Overcommitted podcast. 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. References: [1]: https://brittanyellich.com/note/availability/

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. References: [1]: https://devcommunity.x.com/t/v2-suddenly-getting-client-not-enrolled-today/195456

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. References: [1]: https://bic.sh/ [2]: /html/

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; /* 👈 */ } References: [1]: https://developer.chrome.com/docs/css-ui/animate-to-height-auto/

- Great panel of software folks at open sauce. It was interesting hearing from all these creators from the perspective of an open sauce panel.

Owning It · Matthias Ott Owning your content and platform means true independence on the web. Why it matters more than ever for creators. Matthias Ott – Web Design Engineer · matthiasott.com [1] I can say I had the same kind of feelings when I first saw something called “Own Your Web” being run in Buttondown. I totally get it. It takes time and effort to build your own stuff, email sending is hard, not done right ends you in the spam folder. There is something about the name though that I think needs to set an example and self host [2] as much as it possibly can. The changelog has covered this several times, do they need to go to the crazy lengths they do to run their site, no probably not, but it keeps them in the loop. They are using the tech they talk about in a very real and production critical way to run the show. Cant wait to see more from ownyourweb.site References: [1]: https://matthiasott.com/notes/owning-it [2]: /self-host/

Realign I just popped out a realign of the ol’ personal website. I only say realign as I didn’t rethink every single detail of the thing. I’d say probably 40% of the original HTML and CSS… Chris Coyier · chriscoyier.net [1] Chris Coyier had a small re-align on his site, some good nuggets in here. I like the idea of having a photo of myself prominently on the site, so you know who you’re dealing with here. I really like this after thinking about it and I think I am going to make sure I get my face back on my posts. I do have my 8bit style pixel art image of me that I use on social media, but no real picture. I feel like a lot of people redesign their entire website when it’s time to update to the latest list of social networks and I’m no different. Once you touch it you gotta keep going. I can totally relate to this, once you open the thing, you get the build tools greased up, and your confidence high that re-deploying isn’t going to mess something up, I tend to start digging in to other things. References: [1]: https://chriscoyier.net/2025/01/03/realign/

About Harry Roberts – CSS Wizardry csswizardry.com [1] I’ve only recently learned what colophon means, and I really like to read through site that use it. If you don’t know its about how the site is built. I’ve always liked peeking under the hood of things to understand how they work, it’s what turned me towards an engineering degree. I love how he mentions that he chose the name when he was 17 and he is stuck with it. I particularly like the name, it has something special to it. Hats off to you for doing something that has lasted so long for you. I fully understand though, I have projects that I made a year ago that I think why did I name it that. At the same time when I try to think of a name I end up with the I don’t have anything good and I’d rather build the thing so fuck it, its going to be what it is. References: [1]: https://csswizardry.com/about/#section:colophon

Own Your Web Own Your Web is a newsletter by Matthias Ott about designing, building, creating, and publishing for and on the Web. Every other week, I send out an exclusive email full of actionable insights, bes... buttondown.com [1] I’m a sucker for good own your own shit on the web blogs, and Matthias Ott has a top notch one here. The archive has been a great read so far, I’ve discovered things like slashpages.net. References: [1]: https://buttondown.com/ownyourweb

slash pages A guide to common pages you can add to your website slashpages.net [1] A nice list of slashpages you might want to consider including / aliasing / 301ing. These feel like nice things to setup and keep in the back pocket for obsidian style wiki link to easily. I get kinda bad at wiki-linking as much as I would like to, mostly because it does require some amount of work to make the page, and keep it up to date over time, then remember that you even have it. Some are serious, some very common, some quite useful. [2] References: [1]: https://slashpages.net/ [2]: https://dropper.waylonwalker.com/api/file/ba4edf27-03d4-49ff-ab4e-712e9ab8acda.webp