~frontendfocus | Issue 634 - Browsers buddy up to bring the speed (17)

GitHub - antonmedv/finder: CSS Selector Generator 🗺

github.com

Finder 3.2: CSS Selector Generator — Given an element, it produces the shortest possible selector that...
Finder 3.2: CSS Selector Generator — Given an element, it produces the shortest possible selector that reaches (solely) that element.
2
Announcing Speedometer 3.0: A Shared Browser Benchmark for Web Application Responsiveness

browserbench.org

Announcing Speedometer 3.0: A Shared Browser Benchmark for Web Application Responsiveness — Speedometer has been around...
Announcing Speedometer 3.0: A Shared Browser Benchmark for Web Application Responsiveness — Speedometer has been around since 2014, but this new 3.0 release is the first with a new cross-industry collaborative approach that's supported by each major browser engine (Blink, Gecko, WebKit). Version 3 adds many new tests, performance wins, and improvements. The WebKit team call it the “best way yet to measure browser performance”.
3
Video API | ImageKit.io

imagekit.io

Handling Videos? Here's the Only Video API You'll Ever Need — Transform videos in real-time with...
Handling Videos? Here's the Only Video API You'll Ever Need — Transform videos in real-time with URL-based parameters, leverage adaptive bitrate streaming, and deliver optimized videos across the globe. Effortlessly personalize the visual experience for your users; don't take our word; Try ImageKit Today.
1
Interaction to Next Paint is officially a Core Web Vital 🚀 | Blog | web.dev

web.dev

Interaction to Next Paint is Now Officially a Core Web Vital — It has now replaced...
Interaction to Next Paint is Now Officially a Core Web Vital — It has now replaced First Input Delay. Here’s a quick recap of what’s now changed along with some resources to help you find and fix INP issues.
1
The quiet, pervasive devaluation of frontend

joshcollinsworth.com

The Quiet, Pervasive Devaluation of Frontend — Considered introspection here on the discernment of the frontend...
The Quiet, Pervasive Devaluation of Frontend — Considered introspection here on the discernment of the frontend trade as a whole: “I feel like I’m seeing a widespread diminishment of the practice of frontend. [..] I notice its importance minimized, and its challenges trivialized.”
3
Creating color palettes with the CSS color-mix() function | MDN Blog

mozilla.org

Creating Color Palettes with the CSS color-mix() Function — This article serves as a thorough explainer...
Creating Color Palettes with the CSS color-mix() Function — This article serves as a thorough explainer on how best to use new CSS color-mix() functions to create variations in color palettes.
2
lamplightdev - Streaming HTML out of order without JavaScript

lamplightdev.com

Streaming HTML Out of Order Without JavaScript — An interesting, yet short and sweet, demo of...
Streaming HTML Out of Order Without JavaScript — An interesting, yet short and sweet, demo of a browser feature that enables a technique you may not have imagined possible without JavaScript, though support is still very fresh in Firefox.
3
Proposal: CSS Variable Groups • Lea Verou

verou.me

CSS Variable Groups — A proposed way to define multiple properties under the same namespace and...
CSS Variable Groups — A proposed way to define multiple properties under the same namespace and pass the entire group around, addressing several pain points around design tokens, design systems, and integrating third-party components. Lea notes that it has been shared with the CSS Working Group.
1
Best Practices for OAuth in Mobile Apps

fusionauth.io

Best Practices For OAuth In Mobile Apps — Master the art of secure logins: Where OAuth...
Best Practices For OAuth In Mobile Apps — Master the art of secure logins: Where OAuth meets native apps, simplicity shakes hands with security.
1
FOSDEM 2024 - The importance of Web Performance to Information Equity

fosdem.org

▶ The Importance of Web Performance to Information Equity — A 20-minute talk on the vital role...
▶ The Importance of Web Performance to Information Equity — A 20-minute talk on the vital role of ensuring equal access to web information and services for those with expensive data, slower devices, or both.
1
Improvements to the Speculation Rules API | Blog | Chrome for Developers

chrome.com

Improvements to the Speculation Rules API — A look over the latest updates to the experimental...
Improvements to the Speculation Rules API — A look over the latest updates to the experimental Speculation Rules API — designed to improve performance for future navigations. These include document rules, eagerness setting, limits, and platform support.
1
Jakob Has Jumped the Shark

adrianroselli.com

'Jakob Has Jumped the Shark'? — It’s fair to say Jakob Nielsen’s latest rumination on generative...
'Jakob Has Jumped the Shark'? — It’s fair to say Jakob Nielsen’s latest rumination on generative UI has caused plenty of chatter, as this collection of responses shows.
1
A Practical Guide To Designing For Colorblind People — Smashing Magazine

smashingmagazine.com

A Practical Guide To Designing for Colorblind People — Some practical accessibility guidelines and resources to...
A Practical Guide To Designing for Colorblind People — Some practical accessibility guidelines and resources to ensure more inclusive design for those with color vision deficiency.

accessibility design design patterns ux
1
Capo.js: A five minute web performance boost

frontendmasters.com

Capo.js: A Five Minute Web Performance Boost? — Dave quips that this tool can offer a...
Capo.js: A Five Minute Web Performance Boost? — Dave quips that this tool can offer a five minute web performance win that’s “sure to get you a promotion” 😉. The tool in question? It’s Capo.js — designed to help you get the elements in your <head> in order, hopefully resulting in perf gains.
1
This is WCAG

thisiswcag.com

This is WCAG: A Free Resource to Help You Build Inclusive Web Experiences — Includes 80+...
This is WCAG: A Free Resource to Help You Build Inclusive Web Experiences — Includes 80+ tests that you can filter by conformance level and different accessibility categories. Also offers brief explanations so you can better understand the meaning of each accessibility criterion.
2
Expressive Code

expressive-code.com

Expressive Code: An Engine for Presenting Source Code on the Web — Sort of like a...
Expressive Code: An Engine for Presenting Source Code on the Web — Sort of like a syntax highlighter on steroids, this gives you some extra flexibility, allowing customizations like editor/terminal frames, text/line markers, collapsible sections, and more.
1
Userfront | Auth Without Complexity

userfront.com

Transformational Auth & Identity | Userfront — Userfront is an auth & identity platform that transforms...
Transformational Auth & Identity | Userfront — Userfront is an auth & identity platform that transforms your business to serve free, freemium and enterprise customers.
3