Sam Littlefair

@littlefair.ca

239 Followers 345 Following

Building @vowel.cc Formerly @storyblok.com, prismic.io, @lionsroar.com

A CSS stylesheet showing extensive computation of properties using CSS variables and calculations.
two astronauts meme, caption: “the real edge is the user’s device?” “always has been”
Text editor showing an image with a caption in markdown.
Screenshot of the Vowel homepage with the devtools inspector open on an image, revealing a <picture> element with responsive URLs.
Meme of an alchemist with caption “startup to turn earth into gold failed. secure seed funding to turn air into gold.”
Screen recording of adding a tag to a page in Vowel
Screenshot of the Vowel homepage
Screenshot of a post of a logo with the alchemical air symbol incorporated
Screenshot of a serf in Monty Python's Holy Grail.
An illuminati symbol with the eyelid lowered on the eye
The alchemical symbol for air (a triangle with a horizontal line across it) rendered in eight different font styles.
The alchemical symbol for air, a triangle pointing up crossed by a horizontal line.
Screenshot of a document with "Node.js" automatically linked to https://node.js
Screen recording of creating and deleting files in Vowel.
Screencap of Jennifer Coolidge as Sherri Ann Cabot in "Best in Show", sitting next to her husband, with the caption "We both have so much in common. We both love soup."
My brother setting up his outdoor projector in a park with Halifax's MacKay bridge in the background.
Code snippet demonstrating usage of cloudflare pages deploy.
The Vowel logo -- two conjoined triangles, one blue, one green, on a pink background.
A teaser of the Vowel logo
A screenshot of the Vowel documentation webpage with a "warning" box.
Google AI overview for the search “how much money can i make from ymyl?” response (part one): Income from YMYL (Your Money or Your Life) ranges from $SUl/month for new sites to $10,000 to $50, 000 +/month for established sites. • Earnings vary based on your monetization strategy: • Display Ads: $8 to $30 per 1,000 views. • Affiliate Marketing: $15 to $80 per 1,000 views. • Lead Generation / Consulting: Flat monthly retainers (e.g., $1, 000/month per client).
Google AI overview for the search “how many ps are in ‘your money or your life’ and how does that affect google’s stock value?” AI response: There are 2 "p"s in YMYL (which stands for “Your Money or Your Life"). YMYL is a classification in Google's Search Quality Rater Guidelines for topics that can impact a user's health, financial stability, or safety. Content about health and personal finance requires higher E-E-A-T (Experience, Expertise, Authoritativeness, and Trustworthiness) to rank highly. How this affects Google's stock value: YMYL updates don't impact Google's financial performance overnight. Instead, they protect the integrity of the search…
A photo of a teak coffee table from Facebook marketplace with an Orange-hued finish.
Screenshot of a launch checklist with the following items: - [ ] Fixes - [ ] Global nav sublinks - [ ] Hot reload - [ ] File handling - [ ] CSS prefixing - [ ] Homepage in global nav - [ ] Metadata in header - [ ] Page list sort - [ ] Metafiles - [ ] Robots.txt - [ ] Sitemap.xml - [ ] RSS - [ ] 404.html - [ ] Markup - [ ] Image as figure - [ ] Admonitions - [ ] Heading anchors - [ ] GFM emoji - [ ] Mermaid - [ ] Slogan - [ ] TOC - [ ] Non-urgent fixes / improvements - [ ] Compare metadata on file update - [ ] Prune/cleanup step - [ ] Dependency type (file, settings, folder) - [ ] New systems - [ ] Tags - [ ] External links - [ ] Syntax highlighting - [ ] Social links
Meme of professor quirrel running into the hogwarts dining hall yelling “troll in the Unicode consortium character standard”
A vintage logo composed of an inverted triangle with a lightning bolt bisecting it to make a letter "v" in the style of the vite.js logo.
Code snippet showing module usage (see npm package for more detail)
A screen recording of a Svelte repl showing a color pallet with different hues and shades changing dynamically.
A notification inbox with one notification for a free POS and another for a AI-generated logo.
Screenshot of the state of js survey results showing react issues, complexity, performance, state management, choice overload, breaking changes, browser support, dependencies, and bloat as the biggest developer pain points.
Detail from a screenshot of an npm page showing "Version: 0.0.1"
A type definition for a method in an npm package that offers a vague definition and then says "Note: I have no idea what this means. Please help contribute to these js docs if you know."
Smokey the bear with the caption “only you can prevent JavaScript frameworks”
A google search for "synonyms of optimize" showing the dictionary box, but the "similar and opposite words" tab is empty
Screenshot of text from an old book, reading: Sir John Clanvowe, aged thirty-five, armed twenty years and upwards, deposed that the arms Azure, a bend Or, belonged to Sir Richard Scrope; being asked how he knew, replied, that if one were to put all the interrogatories in the world to him, he would answer, once for all, and say, certainly, that wherever he was armed in the Kings wars he never saw any man bear the said arms, nor be armed in them, nor use them, but those of the name of Scrope ; and before this debate he had heard nothing of the Grosvenors or their ancestry.
Google search "define for," with an AI overview result that starts "For is a versatile word"
A cafe table strewn with pastries and capuccinos.
Mom lying in bed next to Sue, sitting in a chair reading a book.
A still from "The Big Short" of Brad Pitt's character saying "Every 1% unemployment goes up, 40,000 people die."
Screenshot of a yahoo finance article with the title “I asked ChatGPT if the stock market will crash! Here’s what it said…”
Exchange between Inspector Gadget (played by Matthew Broderick) and the villain. Villain: Comprende? Inspector: Yeah, I comprende. Villain: No, no, no, no, no, no, no, no, no. I comprendo. Yo comprendo. Conjugate the verb for pity's sake.
A file browser showing a folder with two markdown files and a hidden folder called ".vowel" that contains a file called "vowel.db" and a folder called "output," which contains HTML files with the same names as the markdown files in the top-level folder.
A jack-o’-lantern of clippy, the Microsoft word assistant, with the word “die”.
Screenshot of a JavaScript bookmarklet in Google Chrome
Screenshot of Helix editor's file explorer.
An old iPod with a charger
Two charts. Chart A shows an exponential increase in the number of single-factor studies using NHANES data. Chart B shows a linear increase in the total of all studies using NHANES data.
A pop-up that says "Operationalizing AI in healthcare EMRs. Download the report." followed by an ad timer.
Screenshot of a ChatGPT chat. User message: In Google's developer documentation style guide, they write: > Be wary of using the verbs check and uncheck, which can be ambiguous; it's often best to use select and clear instead. Why is it ambiguous? ChatGPT message: Because "check" can mean both to inspect ("check the settings") and to mark with a checkmark ("check the box"). Likewise, "uncheck" can be misread as fail to check/inspect rather than remove a checkmark. Using "select" (to mark) and "clear" (to remove) eliminates that ambiguity. User message: Oh interesting! Can you give an example of how uncheck might be misread in that way? ChatGPT response: Sure. Example: Instruction: "Uncheck the server logs." Intended meaning: Remove the checkmark from the "Server logs" checkbox. Possible misread: Don’t review the server logs / don’t check them. That’s why Google prefers "Clear the Server logs checkbox" instead—it can’t be misinterpreted.
Screenshot of a news story with the headline “A 'high tech' robot on Russian TV turned out to actually be a man in a suit”
A screenshot of an email from Skype, titled "Reactivate your credit."
A screenshot of pinterest showing nothing but chocolate cake recipes.
An email from Skype that reads: Hi Sam, Your credit will become inactive in 7 days You don't seem to have used any of your Skype Credit in a while. It becomes inactive if you haven't used it in 180 days. But don't worry - once it becomes inactive, you can reactivate it whenever you're ready to use it. Simply sign into your account online and follow the option to Reactivate credit.
Screenshot of a Google search for "18 inches to cm" showing a website snippet title "popular inches to centimeters conversions" with a table of conversions.
Screenshot of a text message: Can you send me a screenshot of your home screen so I can show ppl how insane your app organization is
A plain black box with a switch on top ans three audio cables coming out of the back.