Responsive images! For free!
Sam Littlefair@littlefair.ca · 3w agoVowel will now create resized versions of all of your images in WebP and AVIF and generate an optimized <picture> element to display them. Just add a full-res image to your project and link it with normal markdown. It even works for popular image CDNs! (Thank you Unpic / @mk.gg)
I noticed that I had misconfigured the dark mode variables for @vowel.cc's default stylesheet, so I went in to fix them and did a little restyling. I think it's feeling fairly slick if I do say so myself. (I generated the color scheme programmatically with a little app I've been developing.)
I just improved hot reloading in @vowel.cc, so now file creations and deletions should load instantly. And oh it feels so snappy.
My brother just started a outdoor movie theatre, trading on nostalgia for the VCR era. So I made him a VCR-menu themed website, using the Analog Mono font by @gleeson.dev: parkvideo.ca. I had a lot of fun creating static and scan lines with CSS. Built with @vowel.cc of course.
Logo reveal!!! My friend, the wonderful designer Megumi Yoshida, created a logo for @vowel.cc, and I think it is so beautiful. She used origami as the inspiration to create something that feels light and energetic — the way a blog should feel.
