Frontend Web

Frameworks, SSR/SSG, CSS, design systems, accessibility, and performance budgets.

  • 7 Subtopics
  • 9 Tracked terms
  • Last 30 days Feed window

Inside Frontend Web

What this topic collects on

An article joins this feed when it matches these terms. Each one is also a search of its own.

Latest in Frontend Web


dev.to > omkarsahu > build-an-admin-dashboard-in-react-5bd

Build an Admin Dashboard in React

59+ min ago   (271+ words) An admin dashboard is mostly three things: a row of numbers that matter, a chart that shows the trend, and a table of recent activity. In this tutorial we build all three with oks-ui and arrange them in a layout…...


medium.com > @suzannesallaj > introduction-to-design-tokens-68123ac2720f

Introduction to design tokens

2+ hour, 3+ min ago   (1554+ words) In this post you’ll read about three things: what a token is, how to put together the token name, and how the names make a tree and not a list. Three lessons, about an hour, before you open any tool....


medium.com > design-bootcamp > the-bug-only-one-user-could-see-was-an-accessibility-bug-f3ef857652d2

The bug only one user could see was an accessibility bug

5+ hour, 36+ min ago   (867+ words) Why mixing fixed and fluid column widths makes data table columns disappear on smaller screens, and what that means for people who zoom Every designer and front-end developer has met the “ghost bug.” Only one user sees it. It doesn’t…...


dev.to > hexloomlabs > resize-before-you-compress-a-four-step-routine-for-lighter-web-images-1i5o

Resize before you compress: a four-step routine for lighter web images

8+ hour, 50+ min ago   (780+ words) Images are usually the heaviest files a page loads, and a heavy page feels slow, especially on a phone. The most common cause is not a missing compression setting. It is a 4000 px phone photo sitting in an 800 px column....


medium.com > @alexdev82 > the-design-token-standard-is-stable-why-does-your-team-still-need-a-translation-layer-b64c275aa125

The Design Token Standard Is Stable—Why Does Your Team Still Need a Translation Layer?

6+ hour, 27+ min ago   (817+ words) We finally have the rules of the game. For years, the design token space felt like the Wild West, with every tool and every developer inventing their own dialect for how a hex code becomes a variable. The W3C Design Tokens…...


dev.to > rashadmehtab > dropdowns-that-position-themselves-css-anchor-positioning-is-baseline-now-450d

Dropdowns That Position Themselves: CSS Anchor Positioning Is Baseline Now

10+ hour, 49+ min ago   (673+ words) Every dropdown you have ever built had the same problem underneath it: the panel has to appear next to the button, stay there while the page scrolls, and flip to the other side when it runs out of room. For…...


medium.com > @boukatayamed1 > animations-play-interactions-respond-1700b544b00a

Animations Play. Interactions Respond.

7+ hour, 25+ min ago   (1144+ words) There is a folder on my machine where most of my motion experiments go to die. Some were useful. Some were terrible. Some looked impressive for about five minutes. And some made me realize something: That distinction became the foundation…...


dev.to > abimanyu_p_9e75/12/4634d2a4 > usecontext-hook-in-react-1013

useContext Hook in React

11+ hour, 56+ min ago   (296+ words) Context provides a way to share data between components without having to pass that data manually through props at every level. You can think of Context as a common place where certain data is made available to a group of…...


aws.amazon.com > blogs > migration-and-modernization > migrating-your-angular-applications-to-react-using-aws-transform-custom

Migrating Your Angular Applications to React Using AWS Transform Custom

16+ hour, 33+ min ago   (1185+ words) AWS is the world's most comprehensive cloud, enabling organizations to accelerate innovation, reduce costs, and scale more efficiently Migrate to modernize → Modernize to unlock data → unlock data to run AI Get started with one of these featured services or browse…...


medium.com > @shailendrakawadkar > next-js-16-3-6-why-this-security-update-matters-3a3f1d61210c

Next.js 16.3.6: Why This Security Update Matters

8+ hour, 53+ min ago   (197+ words) Next.js shipped an out-of-band security release on September 22. Here’s what developers should check before treating a framework upgrade as optional maintenance. (Next.js) Security updates are usually less exciting than new APIs. There is no shiny component. No new…...