Inautilo
banner
inautilo.bsky.social
Inautilo
@inautilo.bsky.social
Hotspots for Online Professionals · What’s up and next in the web community · https://www.inautilo.com · Stay tuned!

_____
https://www.inautilo.com (and its companion https://ilo.im) have been active since 2011 and are edited by retolist.bsky.social
Pinned
#Design #Launches
Hyperlegible Sans · An open-source font for accessible design ilo.im/169wii by Matthew Stephens

_____
#OpenSource #Font #Typography #Legibility #Accessibility #UiDesign #WebDesign #Development #WebDev #Frontend
ilo.im
#Development #Approaches
A web component super power · Done right, inheritance shines in design systems ilo.im/169d48 by Michael Warren

_____
#Inheritance #OOP #Reusability #Maintainability #JavaScript #WebComponents #DesignSystems #WebDesign #WebDev #Frontend
Inheritance: a web component super power
Let‘s dig into a super power of web components: the ability to inherit from a parent component class
ilo.im
January 26, 2026 at 6:35 AM
#Development #Tools
Speculation Rules Generator · An easy way to speed up pages with speculation rules ilo.im/16a2pv by Arjen Karel

_____
#Prefetching #Prerendering #SpeculationRules #API #JSON #CMS #WebPerf #WebDev #Frontend #JavaScript
Speculation rules generator
Build a speculation rules JSON script with the rules generator
ilo.im
January 25, 2026 at 8:06 PM
#Design #Examples
Values to stress-test interfaces · Break your interface before users do ilo.im/169wx8 by Anthony Hobday

_____
#Testing #Names #Words #Numbers #Layouts #Forms #Constraints #ProductDesign #UiDesign #WebDesign
Blog
You can use these values to stress-test an interface. These values are culturally tied to England. The Inter typeface has been used to measure width.
ilo.im
January 25, 2026 at 3:06 PM
#Business #Helpers
Handy · An application to speak directly into any text field ilo.im/165xcd by CJ Pais

_____
#Application #Voice #Text #Forms #Productivity #Accessibility #OpenSource #Development #WebDev #Frontend
Handy
Handy is a cross platform, open-source, speech-to-text application for your computer
ilo.im
January 25, 2026 at 9:10 AM
#Design #Resources
A no-AI icon for humans to use · An icon as unobtrusive as a copyright symbol ilo.im/169ysu by Christopher Kirk-Nielsen

_____
#Icon #AI #Content #Blog #Website #WebDesign #Development #WebDev #Frontend #SVG
A no-AI icon for humans to use | chriskirknielsen
A small statement for a human, but still important.
ilo.im
January 25, 2026 at 3:08 AM
#Design #Approaches
Documenting design changes with screenshots · “Every screenshot is a frame of reference.” ilo.im/169rzd by James

_____
#Screenshots #Documentation #Blogs #Websites #ProductDesign #UiDesign #WebDesign #Development #WebDev #Frontend
ilo.im
January 24, 2026 at 2:07 PM
#Business #Experiences
The third website audience · “AI agents are hungry for cleaner content formats.” ilo.im/169usv by Dries Buytaert

_____
#Audiences #Humans #Machines #AI #SEO #SearchEngines #Markdown #Content #Blog #Website
The Third Audience
I made my website easier for AI agents and crawlers to read, and within an hour it was getting hundreds of requests.
ilo.im
January 24, 2026 at 9:07 AM
#Development #Techniques
Anchor interpolated morphing · A powerful new CSS transition technique ilo.im/16a2w9 by Adam Argyle

_____
#ModernCSS #Morphs #Transitions #Animations #AnchorPositioning #Browsers #WebDev #Frontend #HTML #CSS
Anchor Interpolated Morph (AIM) · January 23, 2026
Morphing overlay elements from dynamic places
ilo.im
January 24, 2026 at 4:19 AM
#Development #Experiences
Using AI as a design engineer · “AI has changed the way I work on a day-to-day basis.” ilo.im/169yhl by Jakub Krehel

_____
#AI #Cursor #ClaudeCode #Figma #MCPs #Design #UiDesign #WebDesign #WebDev #Frontend
Using AI as a design engineer
How I use AI as a design engineer on a daily basis.
ilo.im
January 24, 2026 at 1:16 AM
#Development #Introductions
Initiating navigations with the Navigation API · A look at programmatically triggering navigations ilo.im/169yi2 by Ollie Williams

_____
#Navigations #APIs #URLs #Browser #WebDev #Frontend #JavaScript
Initiating navigations with the Navigation API
The back(), forward(), reload(), traverseTo() and navigate() Navigation API methods
ilo.im
January 23, 2026 at 8:19 PM
#Development #Introductions
Speculation rules prerender until script · A new origin trial available in Chrome 144 ilo.im/16a2fa by Barry Pollard and Lingqi Chi

_____
#Prefetching #Prerendering #SpeculationRules #Chrome #Browser #API #WebPerf #WebDev #Frontend #JavaScript
Speculation rules prerender until script origin trial  |  Blog  |  Chrome for Developers
Learn about the new prerender until script option for the Speculation Rules API, now available in origin trial.
ilo.im
January 23, 2026 at 2:19 PM
#Design #Explainers
Dithering (part 2) · A visual exploration of the logic behind ordered dithering ilo.im/16a166

_____
#Dithering #Effects #Colors #Images #RetroDesign #UiDesign #WebDesign #Development #WebDev #Frontend
Dithering - Part 2
Understanding Threshold Map in Ordered Dithering.
ilo.im
January 23, 2026 at 9:45 AM
#Business #Mindsets
Give your agent a stopwatch · “Agents are only as good as their feedback loops.” ilo.im/16a0wp by Brian Lovin

_____
#Business #Prompting #AI #Agents #Feedback #Tooling #Development #WebDev #Frontend #Backend
Give your agent a stopwatch
A post by Brian Lovin
ilo.im
January 23, 2026 at 1:15 AM
#Development #Templates
My opinionated CSS reset · Modern base styles for consistent web design ilo.im/16a17y by Declan Chidlow

_____
#CssReset #StyleSheets #Consistency #Browsers #WebDesign #WebDev #Frontend #CSS
My Opinionated CSS Reset
* { all: unset; }
ilo.im
January 22, 2026 at 3:09 PM
#Design #Approaches
When is a generated UI worth keeping? · How constraints help AI designs outlast the demo ilo.im/16a0cp by Allie Paschal

_____
#Prompting #AI #Branding #RealData #UiComponents #Constraints #ProductDesign #UxDesign #UiDesign #WebDesign
ilo.im
January 22, 2026 at 12:08 PM
#Development #Overviews
The State of WebAssembly 2025/2026 · ”Wasm is no longer an experiment, it’s ready for production.” ilo.im/16a17n by Gerard Gallant

_____
#Programming #WebAssembly #WASM #WASI #ESM #JavaScript #Browser #WebDev #Frontend #Backend
The State of WebAssembly – 2025 and 2026
A comprehensive look at WebAssembly in 2025 and 2026, covering browser support, Safari updates, WebAssembly 3.0, WASI, .NET, Kotlin, debugging improvements, and growing adoption across edge computing...
ilo.im
January 22, 2026 at 8:27 AM
#Development #Releases
A better way to update web apps · Updates are more predictable in Chrome 144 ilo.im/16a0sf by Dan Murphy and Dibyajyoti Pal

_____
#WebApps #PWAs #Manifest #Icons #Chrome #Browser #WebDev #Frontend
A better way to update your web apps  |  Blog  |  Chrome for Developers
Changes to the update process for installable web apps.
ilo.im
January 22, 2026 at 3:41 AM
#Development #Guides
The missing link for web components · Where a Custom Elements Manifest shines ilo.im/169vrp by Florian Geierstanger

_____
#Manifests #WebComponents #Lit #Storybook #VSCode #MCP #Linter #WebDev #Frontend #JavaScript
The Missing Link for Web Components
If your project uses web components of your own making, you could be auto-generating a Custom Elements Manifest that can be ultra-helpful, like powering a VS Code language server.
ilo.im
January 21, 2026 at 10:39 PM
#Development #Approaches
Software as clay on the wheel · The Ralph Wiggum technique for autonomous coding ilo.im/169zqz by Dries Buytaert

_____
#Programming #Coding #Testing #Automation #Prompting #AI #RalphWiggum #WebDev #Frontend #Backend
Software as clay on the wheel
Dries is the Founder and Project Lead of Drupal and the Co-founder and Executive Chair of Acquia.
ilo.im
January 21, 2026 at 8:55 AM