Inautilo

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

The Value of z-index | CSS-Tricks How we look at the stacking order of our projects, how we choose z-index values, and more importantly, the implications of those choices.

#Development #Guides
The CSS `z-index` value · “Stop racing for the highest number.” ilo.im/16b8yj by Amit Sheen

_____
#Predictability #Maintainability #Stacking #Layers #Tokens #Tooltips #WebDev #Frontend #CSS #JavaScript

When Anyone Can Build Anything AI coding tools are rewriting who gets to make software. The question isn't whether that's good. It's what it does to the things we use every day.

#Design #Analyses
When anyone can build anything · What’s worth building when building is free? ilo.im/16b7he by Angèle Lenglemetz

_____
#AI #Prototyping #Building #Constraints #Features #ProductDesign #UxDesign #UiDesign #WebDesign #Opportunities

CodePen 2.0 Beta Try Our Online Editor

#Development #Releases
CodePen 2.0 Beta · Real-time collaboration, folders/files, blocks, and more ilo.im/16a4mu by CodePen

_____
#CodePen #CodeEditor #Collaboration #IDE #Cloud #WebDev #Frontend #HTML #CSS #JavaScript

Git is the new code AI is writing more code than ever before (if not all of it). But our most important job as developers hasn’t gone away—it’s simply changed. We spend less time typing code and more time reading,...

#Development #Techniques
Git is the new code · Git commands to check AI-written code ilo.im/16b3l4 by Neciu Dan

_____
#Programming #Coding #Debugging #CodeReview #Git #VersionControl #AI #WebDev #Frontend #Backend

Your menu doesn’t need Miller’s 7±2 rule by Stéphanie Walter - UX Researcher & Designer. Miller’s 7±2 rule was about memory, not how many elements you can put on the screen. Learn why it doesn’t apply to menu items and what UX designers should take from the original research.

#Design #Analyses
Menus don’t need the 7±2 rule · “Be suspicious of magical UX laws.” ilo.im/16b7ms by Stéphanie Walter

_____
#Rules #Menus #Memory #Psychology #Research #ProductDesign #UxDesign #UiDesign #WebDesign

You Don’t Know HTML Tables This is a deep dive into HTML tables that cover its vocabulary & parts, Table Object Model, Cell headers, and the semantic value of table headers and footers

#Development
You don’t know HTML tables · A deep dive into their anatomy and mechanics ilo.im/16b68g by Frank M. Taylor

_____
#HtmlTables #SemanticHTML #Accessibility #API #Browser #WebDev #Frontend #HTML #JavaScript

Dashes—how to use them Craft clearer sentences with this grammar guide: learn when to use hyphens, en dashes, and em dashes correctly for ranges, breaks, and emphasis in writing.

#Design #Guides
Using dashes · How to apply them more mindfully than AI ilo.im/16axcj by Pangram Pangram Foundry

_____
#Dashes #Hyphens #Commas #Typography #Content #Blog #Website #ProductDesign #UiDesign #WebDesign

WebPerf Snippets A curated list of snippets to get Web Performance metrics to use in the browser console or as snippets on Chrome DevTools by Joan León

#Development #Collections
WebPerf Snippets · Performance profiling directly in the DevTools console ilo.im/169jrs by Joan León

_____
#Measuring #Debugging #Network #Browser #DevTools #WebVitals #WebPerf #WebDev #Frontend #JavaScript

Ad Break – War and Peas – Webcomic Even the Grim Reaper's scythe shows ads. A hilarious comic by War and Peas on unexpected advertising in the afterlife!

#Business #Comics
Ad break · “Should’ve taken the 10.99 ad-free deal.” ilo.im/16au47 by War and Peas

_____
#Marketing #Advertising #Subscription #Monetization #Interruptions #Distractions #Annoyances

Motion Folios – Curated Motion Design Portfolios. Discover a curated collection of motion design portfolios and studios. Explore creativity, animation craft, and inspiring motion work worldwide.

#Design #Collections
Motion Folios · Portfolios from top motion designers worldwide ilo.im/169mvy by Rajat Subhra Das

_____
#Business #Jobs #Portfolios #Animation #Motion #ProductDesign #UxDesign #UiDesign #WebDesign

“If AI runs on text, and voice is how you naturally create it, then learning to dictate fluently is one of the highest‑leverage skills you can develop right now.” — Patrick Morgan

_____
#Business #Voice #Skills #AI #Design #ProductDesign #UxDesign #UiDesign #WebDesign #Development #Quotes

Embrace the uncertainty Nobody knows what the future of software engineering looks like, and that's incredibly uncomfortable. But instead of waiting for someone to hand us the answer, I think the move is to embrace the uncertainty,...

#Development #Outlooks
Embrace software engineering’s uncertainty · “Inflection points are moments of opportunity.” ilo.im/16b4ud by Brittany Ellich

_____
#Business #Jobs #Engineering #AI #Mindsets #Opportunity #Anxiety #WebDev #Frontend #Backend

Yes, Learning to Code Is Still Valuable Every few weeks, someone shares a bold opinion: "Don't bother learning to code, AI will do it all." I've seen this from VCs, influencers, and people who have...

#Development #Debates
Learning to code is still valuable · Why bother when AI does it all? ilo.im/16b63d

_____
#Mindsets #Programming #Coding #Skills #AI #WebDev #Frontend #Backend

March Mad CSS The Ultimate CSS Tournament. Brought to you by Syntax

#Development #Launches
Mad CSS · A battle of 16 CSS virtuosos from around the world ilo.im/16acwb by Syntax

_____
#ModernCSS #CSS #Tournament #Competition #Games #Players #Skills #WebDev #Frontend

How to Supercharge your Design System with Slots | Figma Blog Slots give you the ability to customize components without breaking the system. We’re sharing five field-tested tips from early users to help you unlock more freedom without giving up control.

#Design #Guides
Supercharging Figma design systems · Tips from early testers of slots ilo.im/16b5o6 by Zoë Adelman and Sarah Kelly

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

New Research: Search Happens Everywhere; an Analysis of 41 Websites with Significant Search Activity - SparkToro For 25 years, web search meant Google (and a little bit of Bing, Yahoo, and DuckDuckGo). But in the past 2.5 years, it's often expanded to include the

#Business #Findings
Search happens everywhere · 41 websites with significant search activity ilo.im/16b2r7 by Rand Fishkin

_____
#SearchEngines #Search #Websites #US #UK #EU #SEO #Development #WebDev #Frontend

Boris Tane The research-plan-implement workflow I use to build software with Claude Code, and why I never let it write code until I've approved a written plan.

#Development #Approaches
How I use Claude Code · ”The workflow I’ve settled into is radically different.” ilo.im/16all8 by Boris Tane

_____
#Engineering #Planning #Coding #AI #Agents #Context #Workflows #WebDev #Frontend #Backend

#Development #Guides
Accessibility testing takes more than a scan · Uncover accessibility issues that automated tools miss ilo.im/16b4sk by Allie Paschal

_____
#Testing #Accessibility #Content #ProductDesign #UxDesign #UiDesign #WebDesign #Development #WebDev #Frontend

A GitHub Issue Title Compromised 4,000 Developer Machines A prompt injection in a GitHub issue triggered a chain reaction that ended with 4,000 developers getting OpenClaw installed without consent. The attack composes well-understood vulnerabilities into…

#Development #Analyses
4,000 developer machines compromised · When your AI tool silently installs another AI tool ilo.im/16b5pa

_____
#AI #PromptInjection #Security #GitHub #Cline #OpenClaw #Npm #WebDev #Frontend #Backend

Claude is an Electron App because we’ve lost native Article argues that Claude is not an Electron app not because LLMs can’t do it, but because there are no advantages left for native

#Design #Analyses
Claude is an Electron app · How native software lost its edge to web apps ilo.im/16b39q by Nikita Prokopov

_____
#Claude #Electron #Software #WebTechnology #OSes #Usability #Design #UxDesign #UiDesign #WebDesign

#Development #Analyses
MCP is dead, long live the CLI · “The best tools work for both humans and machines.“ ilo.im/16b1bh by Eric Holmes

_____
#Software #Engineering #Coding #AI #MCP #CLI #APIs #WebDev #Frontend #Backend

Mastodon now has an official share button for sites The share button solves the problem of Mastodon users being on unique servers. It can also be customized and dynamically generated.

#Business #Guides
Mastodon’s new share button for websites · Let users share links on the decentralized network ilo.im/16b39b by Jon Henshaw

_____
#Mastodon #SocialMedia #Buttons #Content #Website #Design #WebDesign #Development #WebDev #Frontend

Trying the new CodePen 2.0 CodePen 2.0 is a full rewrite of the platform! There's a bunch of new features that are a bit confusing at first (you'll see me figure out what the heck Bloc...

#Development #Reviews
Trying the new CodePen 2.0 · “A bit confusing at first, but it’s really powerful.” ilo.im/16azr0 by Cassidy Williams

_____
#CodePen #CodeEditor #CodeSnippets #WebDev #Frontend #HTML #CSS #JavaScript

How We Do Code Reviews at Cloud Four If your team members dread the notification that they’ve been added as a reviewer on a pull request, I think the following guidelines can help.

#Development #Guidelines
How we do code reviews · Low-friction code reviews for small teams ilo.im/16b4im by Scott Vandehey

_____
#Programming #Coding #Testing #CodeReviews #CodeQuality #Teamwork #Workflows #WebDev #Frontend #Backend

71% of Developers and Engineering Leaders Believe “AI” Makes Engineering Discipline More Important I ran the same poll on LinkedIn and Mastodon, asking: In your estimation, does AI-assisted and agentic coding make engineering discipline: More important than before? As important as before? Less i…

#Development #Findings
AI makes engineering more important · Say 71% of developers/engineering leaders ilo.im/16ay67 by Jason Gorman

_____
#Polls #Engineering #Programming #Coding #AI #Workflows #WebDev #Frontend #Backend