-
💭 Chris Coyier
Here's my thought on 💭 Chris Coyier The web is everywhere, its the one true write once and run anywhere platform. Millions sunk into browser performance and…
-
💭 Marp: Markdown Presentation Ecosystem
Here's my thought on 💭 Marp: Markdown Presentation Ecosystem Intersting markdown presentation tool, Looks very simple. I really like split on much better…
-
💭 Build UIs that don't suck - YouTube
Here's my thought on 💭 Build UIs that don't suck - YouTube How to make an entire clickable without presenting the entire content of the card as the link…
-
💭 World's easiest Live dashboard with htmx - YouTu...
Here's my thought on 💭 World's easiest Live dashboard with htmx - YouTube Damn he makes this easy. I did not know about . yes there is waste in requesting…
-
💭 CSS Battle - Re-create an Image with CSS in the ...
Here's my thought on 💭 CSS Battle - Re-create an Image with CSS in the Fewest Charact... Watching Wes fiddle through this with what a sane person would write…
-
newlines in css before
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 I need to use and . Here is what it looks like on my not yet live implementation of fragmentions. screenshot-2025-02-15T15-43-06-372Z.png
-
fragmention
This post is still WIP. https://indieweb.org/fragmention##Challenges I've been digging through David Bushell's blog over the past day, he has some really good ideas about blogging and webdev. One really interesting post I came accross is url-fragment-text-directives . I've long had id's linked on my headings, though sometimes broken, or now showing the link, I've done my best to include them. Fragmentions extend this to allow any text to be linkable like this. fragmentioner ui: https://github
-
💭 Fragmentions - linking to any text
Here's my thought on 💭 Fragmentions - linking to any text I can't believe I've never see this Tim Berners-Lee quote, but I can't unsee it and will be…
-
💭 hype cp | Hypermedia Copy & Paste
Here's my thought on 💭 hype cp | Hypermedia Copy & Paste This is a super cool reference for htmx snippets. I really like how he has a couple of errors on…
-
💭 Colors - Core concepts - Tailwind CSS
Here's my thought on 💭 Colors - Core concepts - Tailwind CSS Tailwind has the best color system, very well done. Even if you don't use it, it serves as a…
-
💭 Jhey ʕ·ᴥ· ʔ: "breakin' down classics CSS backgro...
Here's my thought on 💭 Jhey ʕ·ᴥ· ʔ: "breakin' down classics CSS background-image + ba... Jhey has the coolest webdev demos! !!! note This post is a thought…
-
markdown split panel
Today I was playing with markdown split panels. I want to be able to compare and constrast occasionually, today the inspiration hit to do this using admonitions. screenshot-2025-02-04T02-28-46-750Z.png {.more-cinematic} {.rounded-xl } !!! Note Mobile Users 🔄 The Markdown This is what I am going for, one admonition that is easy to remember, that nests inside of itself , and I can put as much markdown on the inside that I want. Here is the result of that markdown. !!! vsplit I Have two opinions {
-
tailwind aspect
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 class to achieve this. Example screenshot-2025-01-31T14-50-00-094Z.png {.cinematic}
-
markdown it attrs with slashes dont work
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. Given the following markdown with attrs added to the image and to the paragraph block. We get the following output with only the middle one working correctly. screenshot-2025-01-31T14-50-00-094Z.png {.aspect-[2.39/1]} screenshot-2025-01-31T14-50-00-094Z.png {.cinematic} {.cinematic} screenshot-2025-01-31T14-50-00-094Z.png !!! Note The inline ve
-
pesos
Pesos is the act of Publish Elsewhere Syncicate to Own Site. It is an indieweb concept that I recently started applying to my own site. here does it skip again !!! note See https://indieweb.org/PESOS for more information, they have a ton of information about the indieweb In short it is the concept of pulling data from other sites that you use and republishing it to your own site. This gives a single source of information for you, and protection against sites and apis changing or rug pulling.
-
💭 Keycloak
Here's my thought on 💭 Keycloak Keycloak looks like an interesting way to setup sso. It's part of the cncf so it's got a good backing. I want something…
-
💭 The Future of HTMX - YouTube
Here's my thought on 💭 The Future of HTMX - YouTube I like the charts that Theo brings to to these videos. Shout out for a positive k8s reference and not…
-
💭 bic | Static blog generator, in bash
Here's my thought on 💭 bic | Static blog generator, in bash Intereresting someone built a blog generator in bash. it comes with normal markdown to html,…
-
💭 Animate to height: auto; (and other intrinsic si...
Here's my thought on 💭 Animate to height: auto; (and other intrinsic sizing keywords)... Css is getting so good, new things like interpolate-size are making…
-
💭 Owning It · Matthias Ott
Here's my thought on 💭 Owning It · Matthias Ott I can say I had the same kind of feelings when I first saw something called "Own Your Web" being run in…
-
💭 Realign – Chris Coyier
Here's my thought on 💭 Realign – Chris Coyier Chris Coyier had a small re-align on his site, some good nuggets in here. I like the idea of having a photo of…
-
💭 About Me – Harry Roberts – Web Performance Consu...
Here's my thought on 💭 About Me – Harry Roberts – Web Performance Consultant I've only recently learned what colophon means, and I really like to read…
-
💭 Own Your Web • Buttondown
Here's my thought on 💭 Own Your Web • Buttondown I'm a sucker for good own your own shit on the web blogs, and Matthias Ott has a top notch one here. The…
-
/colophon
Colophon a page that describes how the site is made, with what tools, supporting what technologies Author Waylon Walker's Profile Picture All posts on this site are written by Waylon Walker , the typical content has changed and evolved over time. I go back and make a few corrections, but for the most part things stay pretty much as they were published originally. see more in [[ about ]] tech This site is a static site build with my own static site generator [[ markata ]], [[ thoughts ]] or as
-
💭 slash pages
Here's my thought on 💭 slash pages A nice list of slashpages you might want to consider including / aliasing / 301ing. These feel like nice things to setup…
-
💭 We need to have a talk... - YouTube
Here's my thought on 💭 We need to have a talk... - YouTube Theo does a fantastic history of serverless here. Kubernetes shit Theo can't have an infra video…
-
💭 Why Your Backend Shouldn't Serve Files - YouTube
Here's my thought on 💭 Why Your Backend Shouldn't Serve Files - YouTube Lane from boot.dev madde this fantastic video about serving files on the internet.…
-
💭 The beautiful sentence that is the web
Here's my thought on 💭 The beautiful sentence that is the web Nicely worded Cassidy! Javascript can be too much, it can bog down low powered devices, we can…
-
💭 How to configure base url for all requests using...
Here's my thought on 💭 How to configure base url for all requests using HTMX? - Stack... Today I learned how to configure the baseurl for htmx using the…
-
💭 Addy Osmani: "Tip: Chrome DevTools can override ...
Here's my thought on 💭 Addy Osmani: "Tip: Chrome DevTools can override the content of... WTF, you can just change a server response from devtools and update…
-
💭 4 Tips for Building a Production-Ready FastAPI B...
Here's my thought on 💭 4 Tips for Building a Production-Ready FastAPI Backend - YouTube Great list of 4 tips for running fastapi applications. Keep routes…
-
thoughts 0.0.4
This is such an improvement to the backend of my website it warrants a blog post of celebration. For far too long I've been dealing with a tiny ass edit form on thoughts. I tend to not edit them, and try to get them right in one go. This is kinda the point of a thought, its a quick post meant to be the size of a tweet, but sometimes I'm leaving thoughts on a video or long post and want to make sure I have a good save point, but I just keep the thing in draft and hope I don't loose if for far
-
💭 Styling better custom inputs with Dave Rupert - ...
Here's my thought on 💭 Styling better custom inputs with Dave Rupert - YouTube Reminder to tune in later, can't watch now, but saw a link on Dave's blog.…
-
Links rely on color to be distiniquishable
Today i got hit by this accessibility issue on my site. Low contrast links are not distiniquishable. I had not seen this error title before it was new to me, maybe I have bad memory or maybe it's new to me. screenshot-2024-12-18T02-25-53-014Z.png I ended up dropping the background color of the site down a notch as I didn't really care for the semi-dark brown anyways. I'm liking the near black much better now. screenshot-2024-12-18T02-45-53-807Z.png Now I got that 100 A11y score in lighthouse
-
💭 Add a healthcheck to your FastAPI app | Pype.dev
Here's my thought on 💭 Add a healthcheck to your FastAPI app | Pype.dev Nice example of adding a healthcheck to fastapi, and integrating it with docker.…
-
💭 Hurl - Run and Test HTTP Requests
Here's my thought on 💭 Hurl - Run and Test HTTP Requests Hurl was mentioned by @gerhard on the latest changelog and Friends . Looks like a feature rich…
-
💭 Wes Bos on X: "CSS Anchors: flip a tooltip to th...
Here's my thought on 💭 Wes Bos on X: "CSS Anchors: flip a tooltip to the bottom when ... These css anchors are crazy that you can do this with html and not a…
-
💭 Alternatives to Using Pure Black (#000000) for T...
Here's my thought on 💭 Alternatives to Using Pure Black (#000000) for Text and Backgr... A nice set of blacks to use in web design. Subtle variants off of…
-
💭 Wes Bos on X: "Are you using position: absolute;...
Here's my thought on 💭 Wes Bos on X: "Are you using position: absolute; to overlap el... This is a pretty incredible use of css grid to overlay items overtop…
-
💭 Buttery icons
Here's my thought on 💭 Buttery icons Some sick looking icons no attribution needed. !!! note This post is a thought . It's a short note that I make about…
-
Obsidian-new-file
Wikilinks are a core concept within obsidian to link to documents by [[slug]] wrapped in double square brackets. These are commonly used within wiki site generators. Obsidian gives you a keybinding to go to that file, but if it does not exist it will create the file for you in the root of the project. It's a nice way to quickly make new documents.
-
Slug
A slug is the part of the url that comes after the domain. Commonly matches the file name of a markdown file many blogging systems. These are typically human readable, unique identifiers for pages within the site.
-
💭 Hotkey to open link under at the text cursor pos...
Here's my thought on 💭 Hotkey to open link under at the text cursor position while ty... Obsidian has a go to definition like feature, the keybind is…
-
Obsidian-go-to-definition
It was not obvious to me, but if you have a wikilink such as [[trying-obsidian]], you can jump to the file in obsidian, just like you can with lsp go to definition, the keybinding is alt + enter.
-
Obsidian Using Templater Like Copier
I've long used copier to create all of my posts for my blog, and it works really well for my workflow. I think of a title, call a template, and give it a title. out of the box obsidian did not seem to work this way. It seems like it wants me to right click a file tree and make a new file using the tree, this is not my jam. Here is what I came up with to replace my til template. is a return value, and it gets placed directly into the place it is in the file creates a tab-index point so I can
-
Obsidian Image Converter
I'm giving obsidian a go as an editor for my blog and one of the main things I want to fix in my workflow is the ability to quickly drop in images. on first look through the community plugins I found Image Converter. I set it up to convert to webp and drop them in a git submodule. I may make it something other than a git repo in the future, but I've learned that adding images to my blog repo quickly makes it heavy and hard to clone on other machines. obsidian-image-converter-20240731211310793
-
💭 Text cursor bug in my Chrome browser that causes...
Here's my thought on 💭 Text cursor bug in my Chrome browser that causes the blinking ... today I learned that there is an accessibility feature in chrome…
-
💭 Render-blocking on purpose
Here's my thought on 💭 Render-blocking on purpose You can explicitly make a script render blocking, nothing will be rendered until this js is ready. !!! note…
-
💭 FastHX
Here's my thought on 💭 FastHX Very interesting approach to htmx and fast api. It uses separate decorators for returning template partials and json that can…
-
💭 FastHX
Here's my thought on 💭 FastHX Very interesting approach to htmx and fast api. It uses separate decorators for returning template partials and json that can…
-
💭 svenstaro/miniserve: 🌟 For when you really just ...
Here's my thought on 💭 svenstaro/miniserve: 🌟 For when you really just want to serve ... miniserve is a sweet http server, replacement for . It's fast,…
-
💭 Background Tasks - FastAPI
Here's my thought on 💭 Background Tasks - FastAPI fastapi comes with a concept of background tasks which are functions that can be ran in the background…
-
💭 One Script Tag Just Pwn'd Over 100,000 Websites ...
Here's my thought on 💭 One Script Tag Just Pwn'd Over 100,000 Websites - YouTube Supply chain attacks are so big these days engineers definitely need to take…
-
💭 Adam Wathan, Creator of TailwindCSS - YouTube
Here's my thought on 💭 Adam Wathan, Creator of TailwindCSS - YouTube Two inspirational people in one podcast, its cool to see how adam thinks about code,…
-
💭 Customize and apply backgrounds fast | SVG Backg...
Here's my thought on 💭 Customize and apply backgrounds fast | SVG Backgrounds svgbackgrounds is a really awesome resource for svg things recently featured…
-
tailwind post template
Today I am playing around with tailwind, flexing the css muscle and learning how to build new and different layouts with it. I created a new post template that mimics a terminal look in css where I could inject the post title, description, and other frontmatter elements. I think this is a pretty cool layout, I could make a carbon.now.sh {.hoverlink} clone or more realistically I could make it into a template for blog pages and this could become og images. {.mx-auto .block .w-fit .mb-0} Check out
-
💭 Darren Burns 🌱 on X: "Here's an early clip of my...
Here's my thought on 💭 Darren Burns 🌱 on X: "Here's an early clip of my new (work in ... This looks like a sweet tui postman clone. Darren is really rolling…
-
💭 How to Deliver Code Every Day | Jake Worth
Here's my thought on 💭 How to Deliver Code Every Day | Jake Worth Great set of tips here! No waiting. No “waiting until tomorrow” or “It’s Friday, let’s wait…
-
💭 Text Decoration - Tailwind CSS
Here's my thought on 💭 Text Decoration - Tailwind CSS Tailwind calls strikethrough line-through. This caught me off guard and took me a minute to find.…
-
💭 Dax Raad - SST, Build modern full-stack applicat...
Here's my thought on 💭 Dax Raad - SST, Build modern full-stack applications on AWS wi... such a sick episode with dax. SST's free tier will be free as long…
-
💭 Fields - Pydantic
Here's my thought on 💭 Fields - Pydantic and is a good pydantic combination for secret attributes such as user passwords, or hashed passwords. exclude…
-
💭 Media Types
Here's my thought on 💭 Media Types A full list of standard types. This is a handy reference. !!! note This post is a thought . It's a short note that I…
-
💭 Handling Errors - FastAPI
Here's my thought on 💭 Handling Errors - FastAPI This page shows how to customize your fastapi errors. I found this very useful to setup common templates so…
-
💭 white-space - CSS: Cascading Style Sheets | MDN
Here's my thought on 💭 white-space - CSS: Cascading Style Sheets | MDN html can preserve newline characters by styling an element with pre-wrap Sequences…
-
💭 htmx ~ The response-targets Extension
Here's my thought on 💭 htmx ~ The response-targets Extension The htmx response-targets extension allows me to respond to errors from the backend and do…
-
💭 MarkdownDown
Here's my thought on 💭 MarkdownDown Small web app to convert html into markdown. Pretty cool idea. I actually want to look into this for reader and see how…
-
Tailwind Animations
I learned that tailwind animations are pretty easy to add only needing a few classes. For some reason though my brain broke, thinking that I could dynamically change the number and you can't cause there are only so many pre compiled classes without using an arbitrary value with brackets. Here are the classes that I used to transition my colors very slowly. And the entire square element.
-
tailwind arbitrary values
I learned not to fear the arbitrary size feature of tailwind. While building out reader.waylonwalker.com I kept getting content flowing off the screen, and struggling to keep it on the screen. I really felt that I should be able to do this with vanilla tailwind, but after some encouragement from Twitter I decided to lean on arbitrary values and it worked. Don't fear the arbitrary values. Learn more about using-arbitrary-values from their docs docs
-
fix npm global install needs sudo
Each time I go to set up npm I am frustrated by the errors saying that I don't have permission to , and it's frustrating. And I forget what I need to do to tell npm to install packages in a directory I own, and my shell to look there so that I can use the executables. For the fix to remain persistent you need to put these two lines in your shell profile like or .
-
darkmode scrollbars
If you are designing a website in dark mode the scrollbars can be finicky to match the theme. Here is a pretty sane default that looks nice without being obnoxiously contrast to the rest of the site. Want a rounded scrollbar thumb? add these styles. This makes a very nice looking default darkmode scrollbar.
-
💭 node.js - How to fix npm throwing error without ...
Here's my thought on 💭 node.js - How to fix npm throwing error without sudo - Stack O... Its sad that this is not the accepted answer. !!! note This post is…
-
💭 google chrome - Webkit scrollbar CSS, always a w...
Here's my thought on 💭 google chrome - Webkit scrollbar CSS, always a white box in co... This is how you fix the stupid corner section of a double scroll bar…
-
💭 Cache Ruins Everything Around Me - YouTube
Here's my thought on 💭 Cache Ruins Everything Around Me - YouTube This is an interesting problem. I want to make a solution for this on htmx-patterns. I…
-
💭 building a youtube tool in 24 hours to prove a p...
Here's my thought on 💭 building a youtube tool in 24 hours to prove a point - YouTube So cool to see ROX build this over the course of a day. !!! note This…
-
jinja loop variable and htmx
jinja has a loop variable that is very handy to use with htmx. Whether you want to implement a click to load more or an infinite scroll this loop variable is very handy. Now for every chunk of contacts that we load we will trigger the infinite scroll by loading more once the last one has intersected the screen.
-
💭 Middleware Explained - YouTube
Here's my thought on 💭 Middleware Explained - YouTube Great episode covering a seemingly simple topic. What I really benefitted from was hearing all the…
-
💭 fastapi decorators
Here's my thought on 💭 fastapi decorators I've been using these decorators to modify the behavior of specific routes. It will do things like 404 admin only…
-
💭 Simon Willison on X: "TIL Google Chrome has a --...
Here's my thought on 💭 Simon Willison on X: "TIL Google Chrome has a --headless optio... Huh, so this is just built right into the chrome cli. !!! note This…
-
💭 fastapi https url_for
Here's my thought on 💭 fastapi https url_for jinja's in fastapi does not account for https by default, there is probably a better way, but this is a way…
-
💭 learning strawberry
Here's my thought on 💭 learning strawberry !!! note This post is a thought . It's a short note that I make about someone else's content online. Learn more…
-
💭 Placehold | A simple, fast and free image placeh...
Here's my thought on 💭 Placehold | A simple, fast and free image placeholder service This is a handy placeholder generator for generating placeholder items…
-
💭 I'm Skeptical Of Low Code - YouTube
Here's my thought on 💭 I'm Skeptical Of Low Code - YouTube Great take on low code. I have definitely felt the pressure of being presented low code options,…
-
💭 Template Designer Documentation — Jinja Document...
Here's my thought on 💭 Template Designer Documentation — Jinja Documentation html code generated by my jinja templates generally look half garbage because of…
-
💭 bunny.net - The Content Delivery platform that t...
Here's my thought on 💭 bunny.net - The Content Delivery platform that truly Hops! bunny.net looks like an interesting cloudflare alternative. !!! note This…
-
💭 IndieWebify.Me - a guide to getting you on the I...
Here's my thought on 💭 IndieWebify.Me - a guide to getting you on the IndieWeb This is a sick guided site to validate indieweb tags on your site. It makes…
-
💭 FastAPI - dependency inside Middleware? - Stack ...
Here's my thought on 💭 FastAPI - dependency inside Middleware? - Stack Overflow After struggling to get dependencies inside of middleware I learned that you…
-
💭 Handling Errors - FastAPI
Here's my thought on 💭 Handling Errors - FastAPI This page shows how to customize your fastapi errors. I found this very useful to setup common templates so…
-
💭 logs with FastAPI and Uvicorn · Issue #1508 · ti...
Here's my thought on 💭 logs with FastAPI and Uvicorn · Issue #1508 · tiangolo/fastapi Setting an additional log handler to the uvicorn logger for access logs…
-
💭 How to group FastAPI endpoints in Swagger UI?
Here's my thought on 💭 How to group FastAPI endpoints in Swagger UI? Here is a full example from the post. !!! note This post is a thought . It's a short…
-
Hiding Form input During htmx Request
I am working on fokais.com's signup page, and I want to hide the form input during an htmx request. I was seeing some issues where I was able to prevent spamming the submit button, but was still able to get one extra hit on it. It also felt like nothing was happening while sending the email to the user for verification. Now I get the form to disappear and a spinner to show during the request. HTML Let's start off with the form. It uses htmx to submit a post request to the route. Note that there
-
💭 Show some equivalent list comprehensions in filt...
Here's my thought on 💭 Show some equivalent list comprehensions in filter examples · ... I often want to reach for non existing list comprehensions in jinja…
-
💭 Adam Wathan on X: "Hear me out. https://t.co/QHk...
Here's my thought on 💭 Adam Wathan on X: "Hear me out. https://t.co/QHkEI6SJYZ" / X I'm going to give this trick a shot on my sites, and see how I like it.…
-
💭 Path Operation Advanced Configuration - FastAPI
Here's my thought on 💭 Path Operation Advanced Configuration - FastAPI From the Docs trailing slash I've had better luck just routing both naked and trailing…
-
💭 Protect API docs behind authentication? · Issue ...
Here's my thought on 💭 Protect API docs behind authentication? · Issue #364 · tiangol... You can protect your fastapi docs behind auth so that not only can…
-
💭 Cancel subscriptions | Stripe Documentation
Here's my thought on 💭 Cancel subscriptions | Stripe Documentation This is a handy guide to cancelling stripe subscriptions. You can even inverse it by…
-
💭 Retrieve an upcoming invoice | Stripe API Refere...
Here's my thought on 💭 Retrieve an upcoming invoice | Stripe API Reference You can find your customers next billing date through the stripe api by using .…
-
💭 Search | Stripe Documentation
Here's my thought on 💭 Search | Stripe Documentation Stripe has it's own query language for querying data. I'm just getting into using it and it seems…
-
💭 Stripe keys and IDs
Here's my thought on 💭 Stripe keys and IDs Stripe has so many keys and ids this is a very helpful list to decode what exactly an id is for. !!! note This…
-
Looking for a Heroku replacement, What I found was...
I've long hosted my personal blog as a static site on waylonwalker.com. It's all markdown, converted to html, and shipped as is. It's been great, I've moved it from GitHub Pages, to Netlify, tried Vercel for a minute, and have landed on Cloudflare Pages. Each migration has not really been that hard, it's just pointing ci to a different host after the site has built. What about server side Now the part that I have struggled with is how to cheaply host a server rendered application that can just l
-
Still Loving Tailwind
I've been using tailwind for a few months now and I can still say I'm loving it. I've been using it to create some rapid prototypes that may or may not ever become something, a document that is likely to go to print (a resume), and some quick dashboards. I started using Tailwind a few month back A few months back in september of 2023 I made a case for tailwindcss . And have been using it on quite a few projects since. values are well thought out it's really easy to use classes that make sense t
-
💭 CSS @media print issues with background-color; -...
Here's my thought on 💭 CSS @media print issues with background-color; - Stack Overflow Get those print colors exact !!! note This post is a thought . It's…
-
💭 page-break-after - CSS: Cascading Style Sheets |...
Here's my thought on 💭 page-break-after - CSS: Cascading Style Sheets | MDN I'm working on something that might go to print, so I want the page breaks to…
-
💭 How to Build a Website or App
Here's my thought on 💭 How to Build a Website or App Use good data or good fake data make it have some variation like long and short text Don't use a…
-
💭 Sebastián Ramírez on X: "Now @FastAPI has 65k+ G...
Here's my thought on 💭 Sebastián Ramírez on X: "Now @FastAPI has 65k+ GitHub stars! ✨... Fastapi passes flask in GitHub stars! screenshot of…
-
💭 Separations of Concerns is a Lie - YouTube
Here's my thought on 💭 Separations of Concerns is a Lie - YouTube Nice take by @t3dotgg . Some of the old patterns that go deep into webdev, MVC,…
-
💭 Heroicons
Here's my thought on 💭 Heroicons heroicons is a really nice set of many of the basic icons that you will need for building nice ui's. They have a really…
-
💭 Wes Bos on X: "🔥 The stale-while-revalidate head...
Here's my thought on 💭 Wes Bos on X: "🔥 The stale-while-revalidate header is suuuuuup... Wes has some of the coolest OG images i've ever seen. Here he talks…
-
💭 htmx ~ Locality of Behaviour (LoB)
Here's my thought on 💭 htmx ~ Locality of Behaviour (LoB) Interesting principle here. What a great example, If I'm looking at the second jQuery example, I…
-
💭 Tailwind Connect 2023 — Keynote - YouTube
Here's my thought on 💭 Tailwind Connect 2023 — Keynote - YouTube Tailwind comes with that I have never heard of that is made to give margin and padding…
-
💭 Episode #433 Litestar: Effortlessly Build Perfor...
Here's my thought on 💭 Episode #433 Litestar: Effortlessly Build Performant APIs - [T... Litestar is an interesting api framework similar to fastpi, that I…
-
💭 Twitter Requires full image_urls
Here's my thought on 💭 Twitter Requires full image_urls Yet again twitter cards were causing me pain. This time it was me not realizing that they require…
-
💭 Has Web Development Regressed? A Conversation wi...
Here's my thought on 💭 Has Web Development Regressed? A Conversation with Wes Bos | B... Boot.dev is crushing it with these interviews. This one has Wes Bos,…
-
💭 sysid/sse-starlette
Here's my thought on 💭 sysid/sse-starlette sse-starlette provides server sent events for startlette and FastApi. I'm evaluating for use with htmx.…
-
💭 Overflow - Tailwind CSS
Here's my thought on 💭 Overflow - Tailwind CSS Controlling overflow with tailwindcss Examples !!! note This post is a thought . It's a short note that I…
-
💭 How To Create a Custom Scrollbar
Here's my thought on 💭 How To Create a Custom Scrollbar Default scrollbars on a dark theme website are just the ugliest thing. This page covers all the…
-
💭 Change Autocomplete Styles in WebKit Browsers | ...
Here's my thought on 💭 Change Autocomplete Styles in WebKit Browsers | CSS-Tricks - C... All the hover, select, autofil, focus combinations have left me…
-
💭 florimondmanca/arel: Lightweight browser hot rel...
Here's my thought on 💭 florimondmanca/arel: Lightweight browser hot reload for Python... arel is a "Lightweight browser hot reload for Python ASGI web apps"…
-
💭 Automatic browser reloading in FastAPI
Here's my thought on 💭 Automatic browser reloading in FastAPI I just discovered arel for hot reloading python applications when content changes from this…
-
💭 teej dv 🔭 on X: "Hypermedia fixes this HATEOAS g...
Here's my thought on 💭 teej dv 🔭 on X: "Hypermedia fixes this HATEOAS gonna hate" / X HATEOAS gonna hate. More and more htmx seems like the js library for…
-
why-is-postgres-default
Serious question. No one ever got fired for choosing PostgreSQL But, why. It's the most loved db, right? Right? Maybe it's time to rethink it. Don't get me wrong, if I need a relational db as a service, PostgreSQL is going to be my first choice, but why do I need to run a separate application for it? Tutorials use sqlite Why is that? Because there is nothing else to stand up. Nothing else to maintain. And you probably already have it installed on just about anything that has a battery. SQLite ru
-
💭 Pagefind | Pagefind — Static low-bandwidth searc...
Here's my thought on 💭 Pagefind | Pagefind — Static low-bandwidth search at scale Pagefind is absolutely insane. I've tried a number of static site…
-
A Case For Tailwindcss
I was watching @theprimeagen recently and I think he sold me on using tailwindcss. The thing about tailwind is that it is not a big component library, it's a set of css classes mapped to a few (usually one) style. All css classes are shitty, so you might as well use someone else's shitty css classes on all your projects rather than thinking you're being smart with a new set of classes that you will hate in 6 months when you come back to the project. roughly quoted from memory of @theprimeagen I
-
💭 aca/emmet-ls: Emmet support based on LSP.
Here's my thought on 💭 aca/emmet-ls: Emmet support based on LSP. This is the greatest nvim emmet plugin I have tried. In the past I had tried the vim plugin…
-
💭 Formatter
Here's my thought on 💭 Formatter Tried out biome today and it worked better than prettier on jinja templates, I might adopt this over prettier. !!! note This…
-
💭 htmx ~ The disable-element Extension
Here's my thought on 💭 htmx ~ The disable-element Extension An extension to disable elements during flight of an htmx request, Looks super useful for things…
-
💭 htmx ~ hx-indicator Attribute
Here's my thought on 💭 htmx ~ hx-indicator Attribute The class is added to elements. You can target this css selector to create loading state…
-
💭 The Truth About HTMX | Prime Reacts - YouTube
Here's my thought on 💭 The Truth About HTMX | Prime Reacts - YouTube Prime concisely made sense of why htmx is so awesome compared to what has become modern…
-
💭 htmx ~ Examples ~ Updating Other Content
Here's my thought on 💭 htmx ~ Examples ~ Updating Other Content Three ways to support updating other content. Fantastic article walking through the…
-
💭 Bigger Applications - Multiple Files - FastAPI
Here's my thought on 💭 Bigger Applications - Multiple Files - FastAPI Fastapi lets you tag your 's so that the swagger docs are grouped according to the…
-
💭 Preline UI - Tailwind CSS component library | Pr...
Here's my thought on 💭 Preline UI - Tailwind CSS component library | Preline UI, craf... Tailwind css component library. There are many examples with copy…
-
💭 Tailwind CSS Cheat Sheet
Here's my thought on 💭 Tailwind CSS Cheat Sheet A nice searchable cheatsheet for tailwindcss classes. !!! note This post is a thought . It's a short note…
-
💭 simonw/shot-scraper: A command-line utility for ...
Here's my thought on 💭 simonw/shot-scraper: A command-line utility for taking automat... Daaaang, this is such an elegantly simple way to get web screenshots…
-
💭 shot-scraper: automated screenshots for document...
Here's my thought on 💭 shot-scraper: automated screenshots for documentation, built o... An interesting way to build automatically annotaatd docs with arrows…
-
💭 HTML Over The Wire | Hotwire
Here's my thought on 💭 HTML Over The Wire | Hotwire An alternative approach to building modern web withhout heavy js and json, but instead html over the…
-
💭 Lifecycle Hooks | Vue.js
Here's my thought on 💭 Lifecycle Hooks | Vue.js A super handy reference to the vuejs lifecycle. !!! note This post is a thought . It's a short note that I…
-
💭 How to Use HTML to Open a Link in a New Tab
Here's my thought on 💭 How to Use HTML to Open a Link in a New Tab Most of the time when creating links in html you want to maintain the default behavior, as…
-
💭 Create Models with a Many-to-Many Link - SQLMode...
Here's my thought on 💭 Create Models with a Many-to-Many Link - SQLModel Creating many to many relationships with sqlmodel requires a LinkTable Model. The…
-
💭 python - How to use a Pydantic model with Form d...
Here's my thought on 💭 python - How to use a Pydantic model with Form data in FastAPI... I went down the route of leveraging the extention in htmx, but…
-
💭 Debugging | pywebview
Here's my thought on 💭 Debugging | pywebview How to enable debug mode in pywebview. !!! note This post is a thought . It's a short note that I make about…
-
💭 API — Jinja Documentation
Here's my thought on 💭 API — Jinja Documentation 🤯 jinja comes with a loader to templates! Defihnitely need to look at this for , as is till one of the…
-
💭 API — Jinja Documentation
Here's my thought on 💭 API — Jinja Documentation I've definitely been missing out on setting up a proper jinja loader on a few projects, I need to lean on…
-
💭 Tailwind CSS Crash Course - YouTube
Here's my thought on 💭 Tailwind CSS Crash Course - YouTube Nice intro into tailwind, I definitely started grasping some of the concepts after watching Brad.…
-
💭 GZIP Compression Test | GiftOfSpeed
Here's my thought on 💭 GZIP Compression Test | GiftOfSpeed A nice tool to check compression on a public url. !!! note This post is a thought . It's a short…
-
💭 Wesley Aptekar-Cassels | Reasons to avoid Javasc...
Here's my thought on 💭 Wesley Aptekar-Cassels | Reasons to avoid Javascript CDNs And this is why we don't run cdn in prod, respect your users who can't…
-
💭 htmx ~ The json-enc Extension
Here's my thought on 💭 htmx ~ The json-enc Extension json-enc extension converts url encoded form values into json encoded data, this is very useful for…
-
💭 Header Parameters - FastAPI
Here's my thought on 💭 Header Parameters - FastAPI Getting request headers in fastapi has a pretty nice stetup, it allows you to get headers values as…
-
💭 Session vs Token Authentication in 100 Seconds -...
Here's my thought on 💭 Session vs Token Authentication in 100 Seconds - YouTube Great short explaination of session vs token authentication. !!! note This…
-
💭 Form Data - FastAPI
Here's my thought on 💭 Form Data - FastAPI Getting form data inside of fastapi was not intuitive to me at first. Everything I had used in fastapi leaned on…
-
💭 Template Designer Documentation — Jinja Document...
Here's my thought on 💭 Template Designer Documentation — Jinja Documentation A feature of jinja that I just discovered is including sub templates. Here is an…
-
💭 Templates - FastAPI
Here's my thought on 💭 Templates - FastAPI A guide to add Jinja2Templates to fastapi. !!! note This post is a thought . It's a short note that I make about…
-
💭 htmx ~ Documentation
Here's my thought on 💭 htmx ~ Documentation A complete reference of all of the htmx swapping methods. !!! note This post is a thought . It's a short note…
-
💭 python 3.x - FastAPI redirection for trailing sl...
Here's my thought on 💭 python 3.x - FastAPI redirection for trailing slash returns no... I am trying to use htmx on a new fastapi site for my thoughts, and…
-
💭 htmx ~ The client-side-templates Extension
Here's my thought on 💭 htmx ~ The client-side-templates Extension Using templates with htmx requires the client-side-templates extension, and the template…
-
💭 Static Files - FastAPI
Here's my thought on 💭 Static Files - FastAPI Mounting static files in fastapi. !!! note This post is a thought . It's a short note that I make about…
-
💭 HTMX looks pretty neat #coding #javascript - You...
Here's my thought on 💭 HTMX looks pretty neat #coding #javascript - YouTube Love the poling example with hx-trigger='every 1s'. !!! note This post is a…
-
💭 First-class session support in FastAPI · Issue #...
Here's my thought on 💭 First-class session support in FastAPI · Issue #754 · tiangolo... Here is a snippet provided by @tiangolo to store the users jwt…
-
💭 Dark Form
Here's my thought on 💭 Dark Form A nice codepen reference for dark forms. I am using it for my thoughts chrome extension. !!! note This post is a thought…
-
💭 doyensec/wsrepl: WebSocket REPL for pentesters
Here's my thought on 💭 doyensec/wsrepl: WebSocket REPL for pentesters Very inspiring textual project to check out how they set up the ui. Their intro video…
-
💭 Doyensec on Twitter: "Announcing wsrepl, the Web...
Here's my thought on 💭 Doyensec on Twitter: "Announcing wsrepl, the WebSocket testing... wsrepl is an epic websocket repl built in python on the textual…
-
💭 Filter Data - WHERE - SQLModel
Here's my thought on 💭 Filter Data - WHERE - SQLModel When fetching pydantic models from the database with sqlmodel, and you cannot select your item by id,…
-
💭 URL Decoding query strings or form parameters in...
Here's my thought on 💭 URL Decoding query strings or form parameters in Python | URLD... In order to turn url encoded links back into links that I would find…
-
💭 encodeURIComponent() - JavaScript | MDN
Here's my thought on 💭 encodeURIComponent() - JavaScript | MDN In order to send data that includes special characters such as in a url you need to url…
-
💭 Chris Coyier on Twitter: "I was unaware of `text...
Here's my thought on 💭 Chris Coyier on Twitter: "I was unaware of `text-wrap: pretty;... Next time I'm working with large headers on small screens I need to…
-
💭 sqlite-utils command-line tool - sqlite-utils
Here's my thought on 💭 sqlite-utils command-line tool - sqlite-utils I want to like jq, but I think Simon is selling me on sqlite, maybe its just me but this…
-
💭 jq Cheat Sheet
Here's my thought on 💭 jq Cheat Sheet A nice cheat sheet for jq. jq looks so nice, but it so quickly gets overwhelming on how to select what you want. I was…
-
💭 Flask Trailing Slashes 404
Here's my thought on 💭 Flask Trailing Slashes 404 In flask apps I often get a 404 for routes with a trailing slash. This Stack Overflow post shows how to…
-
Getting Started with Django REST framework
In my adventure to learn django, I want to be able to setup REST api's to feed into dynamic front end sites. Potentially sites running react under the hood. cell shaded full body shot of a cybernetic blue soldier with glowing eyes working ina lab, llustration, post grunge, pink glowing volumetric lighting, engulfed in smoke and fog, concept art by josan gonzales and wlop, by james jean, Victo ngai, David Rubín, Mike Mignola, Laurie Greasley, highly detailed, sharp focus,alien,Trending on Artstat
-
django create superuser
My next step into django made me realize that I do not have access to the admin panel, turns out that I need to create a cuper user first. "cybernetic soldier working on a rusting tape machine robot, cinematic lighting, detailed, cell shaded, 4 k, warm colours, concept art, by wlop, ilya kuvshinov, artgerm, krenz cushart, greg rutkowski, pixiv. cinematic dramatic atmosphere, sharp focus, volumetric lighting, cinematic lighting, studio quality" -s50 -W832 -H416 -C12.0 -Ak_lms -S3309980874 Run Mig
-
django disallowed host
I am continuing my journey into django, but today I am not at my workstation. I am ssh'd in remotely from a chromebook. I am fully outside of my network, so I can't access it by localhost, or it's ip. I do have cloudflared tunnel installed and dns setup to a . Settings I found this in and yolo, it worked first try. I am in from my remote location, and even have auth taken care of thanks to cloudflare. I am really hoping to learn how to setup my own auth with django as this is one of the t
-
Trying out django
I have no experience in django, and in my exploration to become a better python developer I am dipping my toe into one of the most polished and widely used web frameworks Django to so that I can better understand it and become a better python developer. If you found this at all helpful make sure you check out the django tutorial "An atronaut working in a lab, there is a long snake working along side, shallow depth of field beakers, test tubes, volumetric lighting, pink lighting, by victo ngai,
-
Building Rich a Dev Server
Draft Post I've really been digging @willmcgugan's rich library for creating TUI like interfaces in python. I've only recently started to take full advantage of it. Dev Server I am working on a project in which I want to have a dev server running continuously in the background. I really like dev servers theat automatically chooose an unused port and list out the running pid so that I can kill it if I need to. automatic port number auto-restart display ( port, pid, uptime ) finding the port I
-
Site Down During Build
Recently I noticed a new netlify site of mine was down while I was checking to see if new content was live. Later found out this was consistent after each and every push the site would go gown as soon as I hit push, and would not come back until the build finished. Is this normal? Do other Netlify sites go down during build??? Short Answer NO. All of my google fu lead me to believe I was alone and none of my other sites do this. Digging into my build My deploy script ends with the following. Aft
-
Adding Audio to my blog posts
This is episode 1 of the Waylon Walker Audio experience, posts from waylonwalker.com {.hoverlink} in audio form. So I have had this idea for awhile to add audio to my blog posts. The idea partly comes from the aws blog, if you have ever been on their blog you will have noticed that they have a voiced by amazon polly section. What to Expect Honestly I don't know this is all new to me and I dont have much to go off of. For now its a test that may or may not work out. I will say that the time th
-
gatsby-remark-embedder
Inspired by discourse's link expansion I am rolling out expansions for one line links on the blog waylonwalker . I was able to find a gatsby plugin gatsby-remark-embedder that expands one line links for social cards for popular platforms like twitter and YouTube through a repose from Kyle Mathews to my tweet. https://twitter.com/kylemathews/status/1329817928666005504 Use Cases This covers a couple of use cases I have with very little effort. Twitter YouTube install This was super quick and sim
-
Expand One Line Links
I wanted a super simple way to cross-link blog posts that require as little effort as possible, yet still looks good in vanilla markdown in GitHub. I have been using a snippet that puts HTML into the markdown. While this works, it's more manual/difficult for me does not look the best, and does not read well as Goals for new card The new card should be fully automated to expand with title, description, and cover image. Bonus if I am able to attach a comment behind it. fully automated card expa
-
Why use a cms
When first learning to code its very common to hard code everything right into the code. This happens with most folks in just about any language. Whether its HTML or markdown for front end content, or even hardcoding parameters in our backend languages like python, or node.js. 🤷♀️ What's wrong with hard coding everything? Hard coding everything right into your code makes it really hard for non-technical collaborators to join. It makes it nearly impossible to hand websites off to clients without
-
How I Built My GitHub Profile
I ran a discussion on dev that collected quite a list of examples in the comment section. So many great calls to action, animations, memes, and weird tricks. dev.to whats-on-your-github-profile My current profile Waylon Walkers GitHub profile social icons Upload all of your icons to the repo in a directory such as or , then link them with a attribute like below. I used html for mine, not sure if you can set the in markdown. note I did add a bit of (non-breaking-whitespace) between m
-
Refactoring your blog urls
I just did a quick refactoring of my JAMStack blog urls. Some didn't fit with my style, some had that I wanted to switch to , and others were ridiculously long. I've been using forestry as my CMS, I write many of my posts there, and sometimes it picks some crazy file names (based on my titles). It was time to refactor. [[ refactor-in-cli ]] When refactorings similar to this get really big I often need to do some project wide find an replace, I usually do this right from the command line. 🖊
-
How to get Dev Comments from an article Url
I want to incorporate some of the wonderful comments, \U0001F495, \U0001F984, and \U0001F516's that I have been getting on dev.to on my website. I have dabbled once or twice with no avail this time I am taking notes on my journey, so follow along and let's get there together. By the end of this post, I will have a way to get comments from posts on the client-side thanks to the wonderfully open dev.to API. I want to incorporate some of the wonderful comments, 💕, 🦄, and 🔖's that I have been gett
-
Adding google fonts to a gatsbyjs site
stack overflow link
-
Explicit vs Implicit Returns in Javascript
Often when reading through javascript examples you will find some arrow functions use parentheses while others use braces . This key difference is that parentheses will implicitly return the last statement while braces require an explicit return statement. It is important to understand the difference between them because it is likely that you will find code examples of both and trying to edit code written differently than you're used to may have unintended consequences. Arrow functions Arro
-
Do You Hoist
I am working through Wes Bos's beginnerjavascript.com/ I just hit module 18 on hoisting. It's something that I always knew was there, Its not something I typically see used or use myself. Do you Hoist? Do you have any use cases that you use hoising? Why? It seems like a really cool feature in any language that uses it, but I dont really notice it in use. What is Hoising There are many articles that cover this in far more depth, but its the idea that variable declarations and functions are de
-
Custom Scrollbar Design
Getting a custom scrollbar on your site makes it stand out a bit compared to the very plain stock one that are on most sites. This is how I set mine up on my gatsby site. Inspired by Wes Bos's new uses.tech I wanted a custom scrollbar on my personal site. I had tried to do it in the past, but gave up after it was not working. Looking at the Source Since uses.tech is open source I jumped on github, searched for scroll and found this layout.js . Copy it to my own component My first step was
-
2020 waylonwalker.com rebrand
Moving into 2020 I have been really leaning on using purple as my theme color everywhere more and more. Its time for an update to my personal site, not just because it feels plain, not just because the cover art I am using for dev.to doesn't fit my current card layout, but because I feel inspired and I want to. Starting point  This is what we are working with. It has been my card design for
-
I just added react-headroom to my site
It was so easy to get a professional looking navbar with just 3 lines of code. This package seriously is so usable on mobile it is ridiculous. I found this package from day-4 of the 100 days of gatsby challenge. It is by the wonderful man who brought us gatsbyjs Kyle Mathews, so you know its gotta be good. install react-headroom installation is easy Import Headroom There was no instructions for es6 style imports that are common with gatsbyjs sites like mine, but it was intuitive to figure out.
-
Serverless things to investigate
Social Automation Zappier Free only one step is free can take rss to social Automate.io Form submission https://getform.io Free to get started https://formkeep.com/?#pricing Free 7 day trial $4.99 cheapest after
-
I finally fixed my Styled-Components in gatsby.js
I finally fixed my Styled-Components in gatsby.js. I am starting a redesign of my website. I have started cross posting to dev.to more regularly. With that I have been making more detailed cover images at the recommended . These images get cut off on my own site, which is a bit ridiculous to have my own content not look right on my own site. But before we start a heavy redesign I have a small issue that has plagued the site for at least a year! I have a small issue that has plagued the si
-
Should I switch to Zeit Now
Netlify I have happily had my personal site waylonwalker.com hosted on netlify for nearly 2 years now. In fact I have hosted about a dozen different toy projects to play with on there, 4 of which have gone far enough to get a custom domain name. They are fast to deploy and consistently do so on every to main. Zeit I have recently started playing with zeit again. I really like their cli tool, its dead simple and makes sense. I tried the netlify one early on and dont think I really gave it
-
Personal URL shortener with Netlify Redirects
I love using URL shorteners to easily share links without hitting character limits, but they loose their meaning. Services like bit.ly will save my links for me so that I can find them, but I would rather them to be easy to remember. https://bit.ly/2ruLwQz does not roll of the tongue so well. 301 🤸♀️ I recently discovered a really cool feature of netlify that I have always looked past, . It is so simple cool and powerful, every netlify site should do this! But how 🤷♀️ simply add a file to
-
Forestry.io
Testing out forestry.io Sorry Netlify CMS I still ♥️ your product dont be forestry is simple I have been playing with the netlify cms for a while now, and it has been a decent experience, but I really struggle configuring it. Forestry is so simple to setup. My favorite part is that I can code up my gatsby.js site, storing all editable text in markdown, and come back later and add the CMS based on existing documents. Configuration is Simple Forestry.io has this amazing feature to create cre
-
D3 Day 5
select rowid, key, raw, store_time, expire_time, access_time, access_count, tag, size, mode, filename from Cache where key='e3cd37c97980ab2c'; 'e3cd37c97980ab2c' 'e3cd37c97980ab2c' select rowid, key, raw, store_time, expire_time, access_time, access_count, tag, size, mode, filename from Cache where key='c14050404a107d5e'; Learn D3 in 5 days For what we are creating in these posts d3 is way overkill and very verbose, but I need to start somewhere! These are just stepping stones into real custom
-
D3 Day 4
Learn D3 in 5 days For what we are creating in these posts d3 is way overkill and very verbose, but I need to start somewhere! These are just stepping stones into real custom visualizations that cannot be done in any other tool today. I still cannot explain how excited I am to say "I created that in d3!!!" Todays Result Today I will be learning about d3 scales, and adding them to the bar chart that we created yesterday. Follow along as I try to create something interesting. today's_result R
-
D3 Day 3
Learn D3 in 5 days I recently subscribed to Ben Clinkinbeard's learn D3.js in 5 days, and am currently on day 3. I read through the first 2 days, and felt fairly comfortable with selecting elements, so I did not follow along on the first two days. I probably should have, but there are only so many hours in the day. Why Learn D3 D3 is the ubiquitous dynamic visualization library for building custom interactive visualizations on the web. It is a bit low level, and more verbose than many other libr
-
FlexBox
Flexbox-zombies I recently finished up the flexbox-zombies course to learn more about flexbox, and to become proficient with it. I can truly say that this course has changed the way that I create layouts. Flexbox is very intuitive now. What this course does really well at is explaining the concepts and hitting you with a ton of examples that you can work through really quickly. flexbox-zombies A clip from the final round against Dave Basic Setup Flexbox requires a wrapper container to work I