Show Size of Elements Using JavaScript
I was recently doing a lot of layouting pages to later be printed, so showing how big certain elements are was of help to me.
This is a JavaScript function that does just that.
[Read More]Spread Elements Vertically Using CSS
Using flex
children can easily be positioned vertically in their parent container.
Debugging CSS Layouts
When debugging issues with CSS layouts it can sometimes be tricky to really understand what is going on.
[Read More]Simple Copy Button Using JavaScript
I often find myself wanting a simple copy button in my web projects.
This is the recipe I build them from using clipboard.js and a couple lines of JavaScript.
[Read More]Generate link in plain text element using JavaScript
Sometimes, when working with externally generated content you might want to make links clickable when rendering it in the client.
This is a snippet to do just that.
[Read More]Debugging Container Workloads
A helper container
Debugging container workloads can be a challenge sometimes, especially when running them in k8s, behind a reverse proxy or in other, possibly complex, traffic flow scenarios.
[Read More]Register all models with Django admin
Sometimes, mostly when throwing together a quick idea or MVP, it can be useful to just register all models with the admin and leave proper customization for later.
[Read More]Add fields to list with Kustomize
How to add things to a list using kustomize. This is useful for example when you need to patch additional environment variables into a pod.
[Read More]CLI fuzzy search
I often whish to search through large bodies of text, like my knowledge base or source code repositories, from the command line.
I use fuz for this and I’m quite happy with it.
I also have it aliased to my knowledge base folder for even easier searching.
alias search="fuz -p /path/to/knowledge-base/"
Copy & Paste Is Dangerous
Copy & paste from untrusted sources on the internet into the terminal is a really bad idea! Early in my career I did it too and still often see others doing it.
[Read More]Render Plain HTML with Hugo
Hugo is my favorite tool for publishing markdown to the internet, but sometimes I want to do something a little bit more advanced with my posts.
With this shortcode I can always just fall back to plain old HTML.
[Read More]Hugo Details Shortcode
The HTML details element is a nice way to create natively expandable content with wide browser support.
[Read More]Ansible and cowsay
Cowsay is one of those packages you just end up installing randomly on just about any client over time.
And if your using ansible you may be in for a little surprise:
[Read More]Django: CSRF exempt view
Django’s CSRF protection is usually a great thing, but when building (API) endpoints meant to be accessed by scripts/third parties it gets in the way of that.
This is how to disable it:
For a class based view
from django.utils.decorators import method_decorator
from django.views.decorators.csrf import csrf_exempt
@method_decorator(csrf_exempt, name='dispatch')
class MyView(View):
pass
For a function based view
from django.views.decorators.csrf import csrf_exempt
@csrf_exempt
def my_view(request):
pass
My Publishing Pipeline
I write an extensive personal knowledge base using markdown, code-server and a variety of other tools. Originally, in 2021, I wanted to have something like Obsidian Publish but self-hosted, so I created it.
Over time my knowledge base evolved more into a second brain, tracking not only my technical notes and journal, but also things like recipes and hikes. With this my publishing pipeline, and the script at it’s core, extended in a multitude of ways.
[Read More]The (MVP) making of PodHistory
In this post I share my process for building the MVP for PodHistory, from idea to launched product and what my next steps will be.
[Read More]Helm: Join two lists
Since early 2019 the sprig
library used by helm
provides a concat
function that does exactly this.
Simple Self Organization
This is a guide to a simple self organization/task management system I built for myself over the years.
From time to time I showed it to someone and they got some benefits from it, most adapted it to better fit their needs down the line, which is exactly what you should do with any kind of personal task management in my opinion.
[Read More]HTMX
Go check out their website, it’s incredibly good at explaining itself.
To me, a backend heavy developer, HTMX is the frontend framework I like to use because:
- It does not feel like a JavaScript framework at all, but more like an extension of the HTTP/HTML model
- It allows me to write interfaces that feel responsive and modern to users while still doing all the heavy lifting in my backend with the tools I’m used to
- It works with my mental model, which is heavily based on the request-response cycle