#Development #Explainers
Why WebMCP matters · “WebMCP is web performance for AI agents on the web.” ilo.im/16gzxf by Yoav Weiss
_____
#AI #AiAgents #SemanticHTML #WebMCP #Websites #Shopify #WebPerf #WebDev #Frontend #HTML
@inautilo.bsky.social
@inautilo.bsky.social#Development #Explainers
Why WebMCP matters · “WebMCP is web performance for AI agents on the web.” ilo.im/16gzxf by Yoav Weiss
_____
#AI #AiAgents #SemanticHTML #WebMCP #Websites #Shopify #WebPerf #WebDev #Frontend #HTML
@lionel-peramo.comGradient text is a visually appealing styling choice. It can transform your words and headlines. Here is how to create this effect with pure CSS. #CSS #WebDev #Frontend 1/5
@yellowduck.be
@armenvardanyan.devSince Angular 22, we can use arrow functions inside templates, which I feel should actually be a very welcome change.
Are you already using it?
![<!-- a terrible way of using it -->
@for (todo of todos().filter(t => !t.done); track todo.id) {
<app-todo [todo]="todo" />
}
<!-- an actually good way of using it -->
<button (click)="todos.update(list => list.map(t => ({ ...t, done: true })))">
Mark all done
</button>](https://cdn.bsky.app/img/feed_fullsize/plain/did:plc:66nqhsdbvnegbylgnqdv4rw5/bafkreigdo2oslvxovgmlo6aymehysipfzl3ismhxbtknuhodgeitf5slkq@jpeg)
@inautilo.bsky.social#Development #Comparisons
JPEG XL vs. AVIF for web use cases · Where each modern image format actually wins ilo.im/16h105 by Jake Archibald
_____
#Images #ImageFormats #JpegXL #AVIF #WebP #Websites #Design #WebDesign #WebPerf #WebDev #Frontend
@inautilo.bsky.social#Design #Outlooks
A different future for accessibility · Why the W3C is rebuilding its successful WCAG standard ilo.im/16h0w8 by Léonie Watson
_____
#Accessibility #Conformance #WCAG #WCAG2 #WCAG3 #W3C #WebDesign #Development #WebDev #Frontend
@news.karthihegde.devHow I Designed a Roommate Matching Tool on a 20KB Budget
tech_blogs_atomic_object | Author: Molly O'Riordon
@jay52-tx.bsky.social#CSS Does Your Tooltip Positioning Now — Matt takes a look at CSS Anchor Positioning, namely anchor-name and position-anchor || #Frontend #CodeNewbie #WebDev bit.ly/4jUT3jh
@jmshinhwa.bsky.socialアルバイト 職務経歴書、掛け持ちの期間を足し算していませんか。居酒屋6年7か月＋コンビニ1年6か月＝8年1か月ではなく、重なった12か月を1回だけ数えて通算7年1か月。入社時の源泉徴収票の退職年月日と食い違う前に、自分の年月で無料で確かめられます。
#HuggingFace #WebDev #Frontend
https://getreadystack.com/ja/tools/arubaito-shokumu-keirekisho?ref=bs_jmshinhwa
@inautilo.bsky.social#Development #Announcements
Experimental soft navigation metrics · CrUX now has experimental SPA UX data ilo.im/16gz6k by Annie Sullivan
_____
#Metrics #WebVitals #SoftNavigations #SPAs #Chrome #CrUX #WebPerf #WebDev #Frontend #JavaScript
@inautilo.bsky.social#Development #Launches
Accessible Components Library · Components with code, guidance, and test scenarios ilo.im/16gzq6 by TetraLogical
_____
#Collections #OpenSource #Components #Accessibility #WCAG #WebDev #Frontend #HTML #CSS #JavaScript
@thecompound.techBlockDex reports 126,747 indexed items across components, blocks, hooks, themes, utilities, and examples. Its access view separates Free, Paid, and Unverified entries. #ComponentLibraries #Frontend
@internet-inspired.comA poll for all the #UX #frontEnd #web #developers and #designers here;
If you ‘card’ design features a description, aka teaser text, where does that come from?
A) The entry’s metaDescription?
B) The entry’s ’Hero’ title?
C) The entry’s ’Hero’ description?
D) Random field not used anywhere else?
@khaledsalem.bsky.socialIonify and a Frontend DevTool where I reduced build time from 2.7 seconds using Vite 8 in 15k React components to 30ms by unified pipelines dev/prod and using simple concept don’t re-validate what’s already validated!
Worth a Star? github.com/ionifyjs/ion...
@khaledsalem.bsky.socialKeep the reuse without stale styles.
Ionify retains valid local build knowledge. Change a border from 2px to 6px, rebuild with state kept, then check the production element.
Worth a Star? github.com/ionifyjs/ion...
Try it: ionify.cloud/guide
@artlung.comFront End Study Hall! Next edition of the Zoom where a group of whomever participates works at #FrontEnd, #HTML, #CSS, etc. Come on down, tomorrow. events.indieweb.org/2026/10/fron... #IndieWeb
@creatorhq.bsky.socialWhat's the frontend? The part of an app you actually see and click — the buttons, forms, and menus you interact with.
Free AI dictionary → creatorhq.net
📍 Atlanta, GA
@news.karthihegde.devFCSS 2: Utility CSS that reads like CSS
Discussion | hackernews | Author: meerita
@inautilo.bsky.social#Development #Misconceptions
Webpage copy protection is impossible · Why it’s a feature, not a bug ilo.im/16gyin by Dan Q
_____
#Protection #Content #Webpages #Websites #OpenWeb #Browsers #AI #WebDev #Frontend #JavaScript
@armenvardanyan.devRemember, content projection is a better abstraction than component inputs
![<!-- inputs: every new need is one more input -->
<app-dialog
title="Delete project?"
message="This cannot be undone."
confirmText="Delete"
confirmVariant="danger"
[showCancel]="true"
[showExportLink]="true"
exportLinkText="Export first"
(confirm)="delete()" />
<!-- content projection: the parent decides what goes in -->
<app-dialog>
<h2 dialog-title>Delete {{ project().name }}?</h2>
<p>{{ project().taskCount }} tasks will be lost.</p>
<a routerLink="/export">Export first</a>
<app-button dialog-actions (click)="delete()">Delete</app-button>
</app-dialog>](https://cdn.bsky.app/img/feed_fullsize/plain/did:plc:66nqhsdbvnegbylgnqdv4rw5/bafkreicqgfy7qz2r6s4ysh2ypmqu4mvu3sjkpzrv2skx4p72kqdkfxtwjq@jpeg)