Inautilo
LightNews LightNews
banner
inautilo.bsky.social
Inautilo
@inautilo.bsky.social
63 followers 7 following 2K posts
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
Posts Replies Media Videos
Pinned
inautilo.bsky.social
Inautilo @inautilo.bsky.social · 9d
#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
inautilo.bsky.social
#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
inautilo.bsky.social
#Design #Cartoons
The innovation funnel · How modern organizations domesticate wild ideas ilo.im/169ygl by Tom Fishburne

_____
#Business #Innovation #ProductDesign #UxDesign #UiDesign #WebDesign #Development #WebDev #Frontend #Backend
Innovation Funnel cartoon - Marketoonist | Tom Fishburne
Many organizations use some form of an innovation funnel to bring ideas to life. It starts with lots of ideas at the front end and then launches whatever survives all the way to the back end. Yet this...
ilo.im
January 26, 2026 at 1:08 AM
inautilo.bsky.social
#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
inautilo.bsky.social
#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
inautilo.bsky.social
#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
inautilo.bsky.social
#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
inautilo.bsky.social
#Business #Outlooks
Thoughts on the open web · We need a web where people choose open publishing ilo.im/169z4r by Mark Nottingham

_____
#Publishing #Content #Blogs #Websites #Openness #OpenWeb #Design #WebDesign #Development #WebDev
Some Thoughts on the Open Web
The Open Web means several things to different people, depending on context, but recently discussions have focused on the Web's Openness in terms of access to information -- how easy it is to publish...
ilo.im
January 24, 2026 at 8:08 PM
inautilo.bsky.social
#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
inautilo.bsky.social
#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
inautilo.bsky.social
#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
inautilo.bsky.social
#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
inautilo.bsky.social
#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
inautilo.bsky.social
#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
inautilo.bsky.social
#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
inautilo.bsky.social
#Development #Launches
Pencil · Design your products right where you code ilo.im/16a1bb by High agency

_____
#DesignTool #AI #IDE #MCP #Design #ProductDesign #UiDesign #WebDesign #WebDev #Frontend
Pencil – Design on canvas. Land in code.
Pencil fundamentally increases your engineering speed by bringing designing directly into your preferred IDE.
ilo.im
January 23, 2026 at 6:23 AM
inautilo.bsky.social
#Development #Previews
When will CSS Grid Lanes arrive? · “It’s going to arrive sooner than you think.” ilo.im/16a21t by Jen Simmons

_____
#ModernCSS #CssGrid #Layout #Masonry #Polyfill #ProgressiveEnhancement #Browsers #WebDev #Frontend #CSS
When will CSS Grid Lanes arrive? How long until we can use it?
Anytime an exciting new web technology starts to land in browsers, developers want to know “when in the world am I going to be able to use this?” Currently, the finalized syntax for Grid Lanes is...
ilo.im
January 23, 2026 at 5:19 AM
inautilo.bsky.social
#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
inautilo.bsky.social
#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
inautilo.bsky.social
#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
inautilo.bsky.social
#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
inautilo.bsky.social
#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
inautilo.bsky.social
#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
inautilo.bsky.social
#Design #Checklists
Designing beyond the happy path · Edge cases to anticipate in a design system ilo.im/169zgz by Stéphanie Walter

_____
#Users #States #Flexibility #Accessibility #DesignSystems #UiDesign #WebDesign #Development #WebDev #Frontend
Designing beyond the happy path in design systems - zeroheight
Design resilient design systems: in this checklist, Stéphanie Walter covers technical states, layouts, inclusive interactions, user preferences, and more.
ilo.im
January 21, 2026 at 5:41 PM
inautilo.bsky.social
#Development #Launches
TechConf Directory · A worldwide catalog of tech events with an open API ilo.im/169zc1 by Declan Chidlow

_____
#Directory #Conferences #Events #Speakers #WebTechnology #WebDev #Frontend #Backend #OpenData #API
TechConf.Directory - An index of technology conferences and speakers
TechConf.Directory lists technology conferences of all varieties and technology speakers. You can filter and explore a range of conferences to find what suits you and your criteria. You can also discover...
ilo.im
January 21, 2026 at 2:01 PM
inautilo.bsky.social
#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