Inautilo

Detect at-rule support in CSS with @supports at-rule(@keyword) Back in January 2022, I wrote about an exciting new CSS Working Group decision: a function to detect at-rule support using @supports at-rule(@keyword). Fast forward to today, and the CSS Conditional Rules...

#Development #Overviews
Detect at-rule() support in CSS · A handy feature lands in Chromium 148 ilo.im/16bf5x by Bram Van Damme

_____
#ModernCSS #W3C #Specification #FeatureDetection #Chrome #Browsers #WebDev #Frontend #CSS

Generative AI vegetarianism Hello, it’s me: I’m a generative AI vegetarian. The tech industry is convinced this is the future; I don’t want any of it, full stop. Why choose generative AI vegetarianism? Just like real-life...

#Business #Approaches
Generative AI vegetarianism · Saying no to AI as a mindful lifestyle choice ilo.im/16bbjb by Sean Boots

_____
#AI #NoAI #Design #ProductDesign #UxDesign #UiDesign #WebDesign #Development #Frontend #Backend

Can We Use A collection of websites focused on browsers usage and features.

#Development #Collections
Can We · Websites focused on browser usage and features ilo.im/16aegg by Mehdi Merah

_____
#Browsers #DevTools #Accessibility #Privacy #Emails #WebStandards #WebPlatform #WebDev #Frontend

ColorFlow - Advanced Mesh Gradient Generator & Editor Create stunning mesh gradients with ColorFlow. Professional gradient editor with real-time preview, customizable control points, and export options.

#Design #Tools
ColorFlow · A powerful mesh gradient generator and editor ilo.im/16ayao by ls graphics

_____
#Images #Gradients #Effects #Animations #Colors #WebDesign #Development #WebDev #Frontend

comiCSS comiCSS Games: games about CSS. Coded in CSS (mostly).

#Development #Fun
Front-end Crossword · The crossword puzzle for front-end developers ilo.im/16baxk by Álvaro Montoro

_____
#HTML #CSS #JavaScript #Forms #Accessibility #ARIA #Images #HTTP #WebDev #Frontend

“My software has been far too stable recently. Gonna do some rebugging.” — Declan Chidlow

_____
#Development #Software #Programming #Coding #WebDev #Frontend #Backend #Quotes

Internet Phone Book ❋ Issue 2 Hi :) Nice to meet you. We need a tiny bit of information to include your website in the Internet Phone Book ❋ Issue 2

#Business #Opportunities
Internet Phone Book, Issue 2 · Your chance to be in the next Internet Phone Book ilo.im/16b87z by Kristoffer Tjalve and Elliott Cost

_____
#Books #Websites #Blogs #IndieWeb #SmallWeb #Design #WebDesign #Development #DevOps #WebDev

The Art Of The Minimal Paywall What’s the least you can do to build an effective paywall for creators that’s mostly open-source? If we can figure that out, that might help lots of creators.

#Development #Approaches
Paywalls for minimalists · A creator’s playbook built mainly on open source ilo.im/16b83j by Ernie Smith

_____
#Business #Monetization #Blogs #Website #IndieWeb #SmallWeb #Webhooks #WebDev #CSS #JavaScript

Implementing WebMCP: letting AI agents interact with my website - Richard MacManus What happens when a website exposes tools to AI agents? To experiment, I implemented WebMCP on my personal site using two simple browser-side tools.

#Development #Explorations
Implementing WebMCP · “It gives power back to website owners.” ilo.im/16baww by Richard MacManus

_____
#AI #Content #Website #WebMCP #MCP #Chrome #Browser #WebDev #Frontend #JavaScript

My favorite way to write code in 2026 (on becoming a TDD addict) I’ve hated writing JavaScript tests for pretty my whole career. That thing where you plan a component, write some code, iterate it a whole bunch until it works the way you want… and then write tests...

#Development #Approaches
My favorite way to write code in 2026 · Test-driven development using Playwright ilo.im/16b947 by Chris Ferdinandi

_____
#Programming #Testing #Coding #WebComponents #Playwright #WebDev #Frontend #JavaScript #HTML #JavaScript

SpeedCurve | How fast is fast enough? Rethinking web performance in pragmagical terms Always remember: We're in the business of creating experiences for other humans.

#Design #Explorations
How fast is fast enough? · Rethinking web performance in pragmagical terms ilo.im/16amva by Tammy Everts

_____
#Business #Metrics #Conversion #Engagement #Productivity #WebPerf #Design #ProductDesign #UxDesign #UiDesign #WebDesign

Human Strategy In An AI-Accelerated Workflow — Smashing Magazine UX design is entering a new phase, with designers shifting from makers of outputs to directors of intent. AI can now generate wireframes, prototypes, and even design systems in minutes, but UX has never...

#Design #Approaches
Human strategy in AI workflows · “The future of UX is more intentional than ever.” ilo.im/16b6g3 by Carrie Webster

_____
#Business #Jobs #Skills #AI #Ethics #Empathy #ProductDesign #UxDesign #UiDesign #WebDesign

Building dynamic toggletips using anchored container queries Anchored container queries are only available in Chrome 143 upwards right now, but here’s Daniel Schwarz to show you how to use progressive enhancement to build up to using that new capability in the...

#Development #Techniques
Building dynamic toggletips · A prime example for anchored container queries ilo.im/16bc8d by Daniel Schwarz

_____
#ModernCSS #AnchorPositioning #ContainerQueries #Toggletips #Popover #ProgressiveEnhancement #WebDev #Frontend #CSS

The CodePen Compiler The CodePen Compiler powers 2.0 editor: process and build your code with configurable blocks.

#Development #Explainers
The CodePen Compiler · The CodePen 2.0 editor has a whole new brain ilo.im/16bcg0 by CodePen

_____
#CodePen #CodeEditor #Compiler #Builder #Website #WebDev #Frontend #HTML #CSS #JavaScript

The geolocation element is odd - Manuel Matuzovic I'm a frontend developer in Graz, specialized in HTML, accessibility, and CSS layout and architecture.

#Development #Pitfalls
The HTML ‘geolocation’ element is odd · “The element in its current state is not very useful.” ilo.im/16bbcz by Manuel Matuzović

_____
#HTML #Geolocation #Chrome #Browser #JavaScript #Dependency #WebDev #Frontend

Archive of Archives A curated archive of digital projects, resources, and references.

#Design #Launches
Archive of Archives · A curated collection of digital archives ilo.im/16bcfa by David Sizemore

_____
#Collections #Archives #ProductDesign #UxDesign #UiDesign #DigitalDesign #WebDesign #Development #WebDev #Frontend

Beyond border-radius: What The CSS corner-shape Property Unlocks For Everyday UI — Smashing Magazine For years, developers have been hacking around the limitations of `border-radius`, using clip-path, SVG masks, and fragile workarounds just to get anything other than round corners. The new `corner-shape`...

#Development #Guides
Beyond CSS ‘border-radius’ · What the new ‘corner-shape’ delivers to everyday UIs ilo.im/16bc4i by Brecht De Ruyte

_____
#ModernCSS #Cards #Buttons #Batches #Tags #ProgressiveEnhancement #Browsers #WebDev #Frontend #CSS

“We are no longer designing screens. We are designing the intelligence that designs for us.” — Heenesh Patel

_____
#Design #AI #DesignProcess #ProductDesign #UxDesign #UiDesign #WebDesign #Development #WebDev #Frontend #Quotes

When to use WebMCP and MCP  |  Blog  |  Chrome for Developers Learn the different purposes of WebMCP and MCP, and how to use them together for agentic experiences.

#Development #Guides
When to use WebMCP and MCP? · They work best together to empower AI agents ilo.im/16bb73 by André Bandarra and Alexandra Klepper

_____
#AI #Agents #Website #WebMCP #MCP #Chrome #Browser #APIs #WebDev #Frontend #Backend

Temporal: The 9-Year Journey to Fix Time in JavaScript JavaScript's Date object has been a source of bugs for three decades. Temporal, which just reached Stage 4, is a modern replacement with immutable types, first-class time zone and calendar support, and...

#Development #Overviews
Temporal · The 9-year journey to fix time in JavaScript ilo.im/16bbdn by Jason Williams

_____
#Programming #Coding #JavaScript #EcmaScript #ES2026 #NodeJS #APIs #Browsers #WebDev #Frontend #Backend

Are we evolving from pages to apps to agents? Recently, Vercel came to London and teamed up with Anthropic’s local chapter to host a skills event.

#Development #Outlooks
From pages to apps to agents? · “The web is becoming the COBOL of human networking.” ilo.im/16b66f by Rachel Nabors

_____
#Business #Web #AI #Agents #WebPages #WebMCP #APIs #Browsers #WebDev #Frontend #Backend

“When a website is slow, the problem usually isn’t the website. It’s the organisation behind it.” — Jono Alderson

_____
#Business #Design #ProductDesign #UxDesign #WebDesign #WebPerf #SEO #Development #WebDev #Frontend #Backend #Quotes

Your Browser Becomes Your WordPress – WordPress News News

#Business #Launches
Your browser becomes your WordPress · “It’s a WordPress that stays with you.” ilo.im/16bb30 by Brandon Payton

_____
#Workspace #Blog #Website #Content #CMS #WordPress #Browser #Development #WebDev #Backend

What's My JND? Find your Just Noticeable Difference in colour perception. How small a colour difference can you actually see?

#Design #Launches
What’s My ΔE(OK) JND? · Test your Just Noticeable Difference in color perception ilo.im/16bapj by Keith Cirkel

_____
#Perception #Colors #UiDesign #VisualDesign #GraphicDesign #WebDesign #Development #WebDev #Frontend #CSS

AI Is Much Bigger Than You Think We originally sought to evaluate our hypothesis that most claims about the usage of AI were overstated, and that usage of AI was smaller and growing more slowly. However, upon closer inspection of the...

#Business #Findings
AI is much bigger than you think · “Usage of AI is now 56% the size of search worldwide.” ilo.im/16b9kh by Ethan Smith

_____
#Adoption #AI #SEO #SearchEngines #MarketShares #Google #ChatGPT

Introducing view-transitions-mock: A non-visual Polyfill for Same-Document View Transitions View Transitions are a powerful Modern Web feature allow for smooth seamless animated transitions two between different states of a web page. They can make for a much more pleasant user experience, but...

#Development #Launches
Introducing CSS ‘view-transitions-mock’ · A non-visual polyfill for same-document view transitions ilo.im/16bak0 by Bram Van Damme

_____
#ModernCSS #ViewTransitions #Polyfill #APIs #Browsers #WebDev #Frontend #CSS #JavaScript

Your Browser Can Already Speak a Page Users can customize the features built into the browser, something not often available from third-party approaches. Is an “AI” company offering to provide spoken versions of your pages for users?...

#Business #Guides
Your browser can already speak a page · How to activate read-aloud features on web pages ilo.im/16b5hy by Adrian Roselli

_____
#Reading #Audio #Accessibility #TextToSpeech #Text #Content #Webpages #Browsers

Managing icon component sizes It's time to retire that icon wrapper component

#Design #Approaches
Managing icon component sizes · “It’s time to retire that icon wrapper component.” ilo.im/16b9iq by Alice Packard

_____
#Icons #Components #Figma #DesignSystems #ProductDesign #UiDesign #WebDesign #Development #WebDev #Frontend

Markdown, llms.txt and AI crawlers Dries is the Founder and Project Lead of Drupal and the Co-founder and Executive Chair of Acquia.

#Development #Findings
Markdown, llms.txt, and AI crawlers · Do Markdown and llms.txt matter for your website? ilo.im/16b5qb by Dries Buytaert

_____
#Business #SEO #SearchEngines #AI #Crawlers #Content #Website #Markdown #LlmsTxt #RobotsTxt

Make custom elements behave with scoped registries  |  Blog  |  Chrome for Developers You can now encapsulate custom elements.

#Development #Introductions
Scoped registries for custom elements · How independent scopes resolve name clashes ilo.im/16b8np by Jayson Chen and Patrick Brosset

_____
#Registries #WebComponents #Chrome #Edge #Browser #WebDev #Frontend #HTML #JavaScript