Sam Littlefair
@littlefair
Building @vowel.cc Formerly @storyblok.com, prismic.io, @lionsroar.com
Okay so then when we say “bread stick,” would the most accurate French translation be “baguette”?
It seems a little wild that we obsess over JavaScript frameworks with "client-side rendering" when we get so much of that for free with CSS.
Vowel 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)
Oh sorry I wasn’t proposing a logo for the networking protocol called Atmosphere. I was proposing a logo for the esoteric philosophers’ secret guild called Atmosphere.
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.)
So it turns out two atmosphere projects have already started using 🜁 in their logos, so maybe there is some synchronicity around this. @alt.gov.jabsco.xxx.irs.crs.icp.war.hq.69.mkv.part.parody.fda.info.fbi.cia.fyi @vayumandala.com
We take it in turns to act as a sort of executive officer for the week.
Since it's just a Unicode glyph, you could render it in the style of any font. (And if it gained usage some type foundries might create their own glyphs for it.) These are some mockups combining "Δ" and "—".
After thinking about this question all weekend, I think my favorite candidate is the alchemical symbol for air: 🜁 It’s connotes both atmosphere and “transfer”. It’s a standard Unicode character. It references a capital “A.” And it’s very simple, which feels appropriate for a protocol, like 🌐 or 🛜.
I just improved hot reloading in @vowel.cc, so now file creations and deletions should load instantly. And oh it feels so snappy.
Last night was his first full-length test screening and we watched "Best in Show" (2000). No matter how many times I watch this movie, I'm still never prepared for how funny it is.
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.
I just updated cloudflare-pages-deploy on npm. npmx.dev/package/clou... It extracts the deploy logic from the Cloudflare Wranglers CLI into a JavaScript SDK so you can programmatically deploy to @cloudflare.social Pages. If it' might be useful to you, slap a ❤️ on it on @npmx.dev.
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.
I feel so lucky to have an amazing designer working on the branding for vowel.cc (Megumi Yoshida, art director of @lionsroar.com). Watch out for the logo reveal tomorrow.
Glad to see Google still maintains high standards for YMYL (“your money or your life”).
YMYL is Google’s policy that search results that relate to health or finances should be held to the highest standards or accuracy and authority.
Last month I bought this teak coffee table for $30 on Facebook marketplace. I disassembled it, sanded it, oiled it, waxed it, redoweled it, and put it back together. I may never be so proud of anything else I do. (Dog for scale.) (Dog is either a very large small dog or a very small large dog.)
Did you know? The branding for @vite.dev is so iconic that the framework's original logo was included in Yasaburo Kuwayama's book, "Trademarks and Symbols of the World Volume 2," published in 1987.
Want to deploy a website to Cloudflare Pages from your JavaScript codebase? I extracted the Cloudflare Pages deploy logic from the Cloudflare CLI so you can deploy a website with a single function call: www.npmjs.com/package/clou...
Incredible. Here's CSS styling a table with a dynamic number of rows and columns to apply a color spectrum, perfectly balanced by hue and shade, to the backgrounds of the cells using sibling-index() and computed LCH colors. Two lines of CSS. Repl: svelte.dev/playground/d...
Weird. Last night I asked it to do a relatively basic dice probability, assuming it would do a quick calculation. Instead it tallied all possibilities one by one, getting stuck in repeated error/correction loops. It ran like this for five minutes.
