Browsers buddy up to bring the speed
source link: https://frontendfoc.us/issues/634
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Frontend Focus Issue 634
✍️ Hello! After a week away in Paris I'm back at my desk with the latest frontend links for you to peruse. Let's get to it. |
|
|
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”. Apple, Google, Microsoft, and Mozilla |
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. ImageKit.io sponsor |
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. Rick Viscomi (Google) |
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.” Josh Collinsworth |
|
📙 Tutorials, Articles & Opinion |
Creating Color Palettes with the CSS Michelle Barker |
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. Chris Haynes |
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. Lea Verou |
Best Practices For OAuth In Mobile Apps — Master the art of secure logins: Where OAuth meets native apps, simplicity shakes hands with security. FusionAuth sponsor |
▶ 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. Bas Schouten |
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. Barry Pollard (Chrome for Developers) |
'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. Adrian Roselli |
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. Vitaly Friedman |
Using Web Bluetooth To Read BBQ Temperature Sensor Data
|
▶ How to Create an Animated, Circular Progress Bar
|
On Building Websites and Building Websites Well
|
|
🔧 Code, Tools & Resources |
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. Dave Rupert |
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. canaxess |
Transformational Auth & Identity | Userfront — Userfront is an auth & identity platform that transforms your business to serve free, freemium and enterprise customers. Userfront sponsor |
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. Expressive Code |
Finder 3.2: CSS Selector Generator — Given an element, it produces the shortest possible selector that reaches (solely) that element. Anton Medvedev |
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK