#+HashtagPLUS#Hashtag the Web... #Tag your World!
Join

Menu

New post

#DevtoFrontend

503 posts

Feed·
18 of 503 posts
Meet Lenso UI. Bringing the design language and interactions of iOS and iPadOS to the web. Glass materials. Elastic feedback. Fluid menus. Built with Base UI + StyleX. Try it: https://ui.lenso.dev Source: https://github.com/LioRael/lenso-ui
🖼️
0Read More

Meet Lenso UI. Bringing the design language and interactions of iOS and iPadOS to the web. Glass materials. Elastic feedback. Fluid menus. Built with Base UI + StyleX. Try it: https://ui.lenso.dev Source: https://github.com/LioRael/lenso-ui

DEV Community: frontend·LioRael·about 11 hours ago
#AWvCScbF
#devtofrontend#devto#dev#liorael#posted

View the full article

Create a free account to read full articles inline — no redirect to the original site.

Create accountLog in
Resize a screenshot in the tab when the README hero is oversized
📰
0Read More

Resize a screenshot in the tab when the README hero is oversized

DEV Community: frontend·Sherotree·about 11 hours ago
#4u8EASCm
#devtofrontend#devto#dev#readme#hero

Downscale README and docs hero screenshots in the browser before committing multi‑megapixel PNGs that only display at a few hundred pixels.

15s
Require the agent to leave existing test IDs alone unless the test changes in the same PR
🖼️
0Read More

Require the agent to leave existing test IDs alone unless the test changes in the same PR

DEV Community: frontend·Sherotree·about 11 hours ago
#QhfhuIjZ
#devtofrontend#devto#dev#test#agent

Stop AI UI PRs from renaming data-testid and getByTestId hooks as a “cleanup” when the tests that depend on them are not in the diff.

15s
Engineering a Unicode Text Transformer: Character Mapping in JavaScript
📰
0Read More

Engineering a Unicode Text Transformer: Character Mapping in JavaScript

DEV Community: frontend·PESCO Bill·about 11 hours ago
#weOxGoUl
#devtofrontend#devto#dev#unicode#standard

Learn how to manipulate Unicode blocks in JavaScript to create decorative text generators, handle surrogate pairs, and understand accessibility impacts.

15s
Solving Trapped Escape Keys in Vue: Conditional Event Propagation in GitLab UI's GlTokenSelector
📰
0Read More

Solving Trapped Escape Keys in Vue: Conditional Event Propagation in GitLab UI's GlTokenSelector

DEV Community: frontend·Manish Kumar·about 11 hours ago
#Xdk3ubqS
#devtofrontend#devto#dev#event#escape

Pressing Escape is one of the most familiar keyboard interactions in a web application. It should...

15s
The Interface Questions That Matter in a Disposable-Inbox Workflow
📰
0Read More

The Interface Questions That Matter in a Disposable-Inbox Workflow

DEV Community: frontend·Zhe·about 23 hours ago
#Ka2fZBWN
#devtofrontend#devto#dev#inbox#address

The last mile of many sign-up flows is not the password form. It is the short window in which a...

15s
One Field, Two Inputs: How the Focus Timer's Number Fields Are Built, and Why a Scripted Value Skips the Clamp
📰
0Read More

One Field, Two Inputs: How the Focus Timer's Number Fields Are Built, and Why a Scripted Value Skips the Clamp

DEV Community: frontend·OnePassApps·about 23 hours ago
#dLCVaDG5
#devtofrontend#devto#dev#focus#break

Each of the Focus Timer's four number fields is two inputs: a text input with no range of its own, plus a 1px number input that carries the range. The clamp fires on the keyboard path but not on the scripted path.

15s
Prefer fixture JSON over “sample data” comments when prompting UI agents
📰
0Read More

Prefer fixture JSON over “sample data” comments when prompting UI agents

DEV Community: frontend·Sherotree·about 23 hours ago
#dcut1fn1
#devtofrontend#devto#dev#fixture#json

Give UI agents real fixture JSON files instead of prose sample-data comments so props, empty states, and edge cases stay concrete.

15s
How Virtual DOM Diffing Algorithms Affect UI Responsiveness and Memory Usage
📰
0Read More

How Virtual DOM Diffing Algorithms Affect UI Responsiveness and Memory Usage

DEV Community: frontend·Srikar Phani Kumar Marti·about 23 hours ago
#8h6nUjtX
#devtofrontend#devto#dev#diffing#react

A detailed look at how frameworks implement virtual DOM diffing, the heuristic tradeoffs between minimal updates and CPU overhead, and how different algorithms impact rendering performance in production apps.

15s