Frontend Dogma

The Future of Design Is Code and Canvas, by @zoink@mastodon.social (@figma.com):

https://www.figma.com/blog/the-future-of-design-is-code-and-canvas/

#figma #design #outlooks

Release Notes for Safari Technology Preview 238 Safari Technology Preview Release 238 is now available for download for macOS Tahoe and macOS Sequoia.

Release Notes for Safari Technology Preview 238, by @jondavis@mastodon.social (@webkit@front-end.social):

https://webkit.org/blog/17848/release-notes-for-safari-technology-preview-238/

#releasenotes #safari #apple #browsers

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 something new: one AI tool bootstrapping another.

A GitHub Issue Title Compromised 4,000 Developer Machines, by (not on Mastodon or Bluesky):

https://grith.ai/blog/clinejection-when-your-ai-tool-installs-another

#security #github #ai

When Building Is Free, What’s Worth Building?, by @uxdesigncc@me.dm:

https://archive.ph/4jlwS

#ai #vibecoding #prototyping #ux #usability

View Transitions can swoop‽ · March 7, 2026 How to make View Transitions not always a straight line

View Transitions Can Swoop‽, by @argyleink@front-end.social:

https://nerdy.dev/swoop-there-it-is

#css #viewtransitions #effects

Typographic Scales in CSS with :heading(), sibling-index(), and pow() Learn how to build flexible, mathematical typographic scales using :heading(), sibling-index(), and pow() for cleaner CSS design systems.

Building Typographic Scales in CSS With “:heading()”, “sibling-index()”, and “pow()”, by @sturobson@front-end.social:

https://www.alwaystwisted.com/articles/building-typographic-scales-with-headings-sibling-index-and-pow

#css #functions #math #typography

What Are Secondary Keywords? (And How to Use Them) Most pages that rank #1 for a keyword rank for hundreds—sometimes thousands—of related keywords. Secondary keywords are how you capture that extra traffic.

What Are Secondary Keywords? (And How to Use Them), by @ahrefs@mastodon.social:

https://ahrefs.com/blog/secondary-keywords/

#howtos #keywords #seo

New to the web platform in February  |  Blog  |  web.dev Discover some of the interesting features that have landed in stable and beta web browsers during February 2026.

New to the Web Platform in February, by @rachelandrew@front-end.social (@developers@chromium.social):

https://web.dev/blog/web-platform-02-2026

#releasenotes #webplatform #browsers #chrome #google

Creative Web Design | Igalia Igalia is an open source consultancy specialised in the development of innovative projects and solutions. Our engineers have expertise in a wide range of technological areas, including browsers and client-side web technologies, graphics pipeline, compilers and virtual machines. We have the most W…

Igalia’s Eric Meyer and Ujjwal Sharma Chat With Designer, CSS Developer, and Illustrator Lynn Fisher, by @lynnandtonic@front-end.social and @meyerweb@mastodon.social and others (@igalia@floss.social):

https://web.archive.org/web/20260218102327/https://www.igalia.com/chats/lynnandtonic

#podcasts #…

Hardening Firefox with Anthropic’s Red Team  | The Mozilla Blog For more than two decades, Firefox has been one of the most scrutinized and security-hardened codebases on the web. Open source means our code is visible,

Hardening Firefox With Anthropic’s Red Team, by @mozilla.org:

https://blog.mozilla.org/en/firefox/hardening-firefox-anthropic-red-team/

#firefox #mozilla #browsers #ai #anthropic

How to Design for Transparent Screens - Google Design Behind-the-scenes of designing the next generation of interfaces for AI glasses with displays—including Jetpack Compose Glimmer, the newly launched design system for Android extended reality (XR) experiences.

Designing for Transparent Screens, by (not on Mastodon or Bluesky):

https://design.google/library/transparent-screens

#design #transparency #readability

Lessons Learned from Failed Demos: Pure CSS Nav Thumb Flip on Scroll A list of items with thumbnails that flip into place as needed. Can we ditch the JavaScript?

Lessons Learned From Failed Demos: Pure CSS Nav Thumb Flip on Scroll, by @anatudor@mastodon.social (@frontendmasters.com):

https://frontendmasters.com/blog/nav-thumbnail-flip-image/

#lessons #css #effects

Why We Hate AI Why do we hate AI? It feels emotionally obvious. It's because it's an affront to humanity and our ways of expression; but this is not a way of explaining ...

Why We Hate AI, by @fallible.net:

https://blog.fallible.net/why-we-hate-ai/

#ai

Announcing the Node.js LTS Upgrade and Modernization Program | OpenJS Foundation The Node.js LTS Upgrade and Modernization program helps enterprises move safely off legacy and end-of-life Node.js versions.

Announcing the Node.js LTS Upgrade and Modernization Program, by @openjsf@social.lfx.dev:

https://openjsf.org/blog/nodejs-lts-upgrade-program

#nodejs

AdonisJS v7 is here AdonisJS v7 introduces end-to-end type safety, new starter kits with authentication, zero-config OpenTelemetry, and a rewritten developer experience. Available now

AdonisJS v7 Is Here, by @virk@fosstodon.org (@adonisframework@fosstodon.org):

https://adonisjs.com/blog/v7

#releasenotes #adonisjs

One CSS Property That Makes Numbers Look Instantly Better When you’re working with fonts, especially for displaying numbers, there’s something called proportional spacing that can make a huge difference in how your numbers look when they’re animated.

One CSS Property That Makes Numbers Look Instantly Better, by @amitmerchant.bsky.social:

https://www.amitmerchant.com/one-css-property-that-makes-numbers-look-instantly-better/

#css

Angular Bindings: What Are They and How Do I use Them? Recently, I've been working on a project with an Angular-based user interface, and one of my biggest questions was about Angular bindings.

Angular Bindings: What Are They and How Do I Use Them?, by @atomicobject.bsky.social:

https://spin.atomicobject.com/what-are-angular-bindings/

#angular

How Minor Website Updates Can Cause Major Problems for Users Website accessibility is an ongoing operational responsibility. Here's what happens when it's treated like a one-time effort or a post-launch checklist instead.

“Harmless” Website Updates Can Create Serious Problems for Your Users—Here’s How It Happens, by (not on Mastodon or Bluesky):

https://www.entrepreneur.com/science-technology/how-minor-website-updates-can-cause-major-problems-for-users/502410

#maintenance #accessibility

The Different Ways to Select <html> in CSS | CSS-Tricks Sure, we can select the <html> element in CSS with, you know, a simple element selector, html. But what other (trivial and perhaps useless) ways can we do it?

The Different Ways to Select “<html>” in CSS, by @dxnny.fun (@csstricks@mastodon.social):

https://css-tricks.com/the-different-ways-to-select-html-in-css/

#html #css #selectors

Agentic UX: 7 Principles for Designing Systems With Agents, by @uxdesigncc@me.dm:

https://archive.ph/FIF8d

#aiagents #ai #design #principles

Accessibility Considerations for Off-Site Navigation and Downloads - Sheri Byrne-Haber's Blog Learn more about disability and accessibility in the business and educational settings from the expert in the field - Sheri Byrne Haber.

Accessibility Considerations for Off-Site Navigation and Downloads, by (not on Mastodon or Bluesky):

https://www.sheribyrnehaber.com/accessibility-considerations-for-off-site-navigation-and-downloads/

#accessibility #navigation

The Odometer Effect (without JavaScript) We can take a value set in an HTML attribute and use it in CSS, even extracting each individual digit in order to animate separately.

The Odometer Effect (Without JavaScript), by @preethisam.bsky.social (@frontendmasters.com):

https://frontendmasters.com/blog/the-odometer-effect-in-css/

#css #functions #effects

How we rebuilt Next.js with AI in one week One engineer used AI to rebuild Next.js on Vite in a week. vinext builds up to 4x faster, produces 57% smaller bundles, and deploys to Cloudflare Workers with a single command.

How We Rebuilt Next.js With AI in One Week, by @southpolesteve.com (@cloudflare@noc.social):

https://blog.cloudflare.com/vinext/

#nextjs #ai #cloudflare #deploying

Anchored Menus and a Lesson in Scoping Turns out `anchor-scope` is pretty darn useful for button/menu setups that will appear multiple times on the same page.

Anchored Menus and a Lesson in Scoping, by @chriscoyier@front-end.social (@frontendmasters.com):

https://frontendmasters.com/blog/anchored-menus-and-a-lesson-in-scoping/

#css #anchorpositioning #scope #lessons

The React Foundation: A New Home for React Hosted by the Linux Foundation – React The library for web and native user interfaces

The React Foundation: A New Home for React Hosted by the Linux Foundation, by @mattcarrollcode.com (@react.dev):

https://react.dev/blog/2026/02/24/the-react-foundation

#react #facebookmeta

January 2026 Baseline monthly digest  |  Blog  |  web.dev Read about various happenings with Baseline during January 2026

January 2026 Baseline Monthly Digest, by @malchata@mastodon.social (@developers@chromium.social):

https://web.dev/blog/baseline-digest-jan-2026

#browsers #support #webplatform #css #viewtransitions

Here’s how to instruct a LLM to reference the ARIA Authoring Practices Guide The deck is a bit stacked, folks.

Here’s How to Instruct a LLM to Reference the ARIA Authoring Practices Guide, by @eric@social.ericwbailey.website:

https://ericwbailey.website/published/heres-how-to-instruct-a-llm-to-reference-the-aria-authoring-practices-guide/

#howtos #ai #aria #accessibility

Why Your CEO Acts Like a Clown: The Tribal Myths of Leadership, by @uxdesigncc@me.dm:

https://archive.ph/mMMp5

#leadership #culture #engineeringmanagement

Finding an accessibility-first culture in npmx Today is the alpha release of npmx — an alternative browser for the npm registry. Abbey Perini joined early and soon discovered accessibility was a deep part of the culture, right from the start, which was both refreshing and incredibly productive.

Finding an Accessibility-First Culture in npmx, by @abbeyperini@hachyderm.io (@piccalil.li):

https://piccalil.li/blog/finding-an-accessibility-first-culture-in-npmx/

#accessibility #culture

16 Modern JavaScript Features That Might Blow Your Mind Ah, what a time to be alive! As usual, I’ve taken way too much on my plate — there were just too many...

16 Modern JavaScript Features That Might Blow Your Mind, by (not on Mastodon or Bluesky):

https://dev.to/sylwia-lask/16-modern-javascript-features-that-might-blow-your-mind-4h5e

#javascript