23:I[3004,["/_next/static/chunks/0h2qsuyze9ds1.js","/_next/static/chunks/1ymt1shyhmu-4.js","/_next/static/chunks/291ciwmgtp_xc.js","/_next/static/chunks/2owa30hnifmhr.js","/_next/static/chunks/3-jqhyvw3d7y0.js","/_next/static/chunks/21h5qhhcg7tzz.js","/_next/static/chunks/3euacrioc5_13.js","/_next/static/chunks/03wn0-bzh3abk.js","/_next/static/chunks/3h6uqn9kl0thz.js"],"EmailPreview"] 26:I[27201,["/_next/static/chunks/0h2qsuyze9ds1.js","/_next/static/chunks/1ymt1shyhmu-4.js","/_next/static/chunks/291ciwmgtp_xc.js","/_next/static/chunks/2owa30hnifmhr.js"],"IconMark"] 24:T11b91, Smashing Newsletter

TypeScript 7.0, measuring component performance, editorial typography, CSS techniques, sound design for the web. Issue #571 • Aug 11, 2026 • View in the browser

Amharic Friends,

How do you measure the performance of a specific UI component? What is new in JavaScript and TypeScript in 2026? How do we bring editorial typography to the web? Is there a place for a design system for UI sounds in our digital products?

Well, in this newsletter we explore just that — what’s new in front-end, with a few useful techniques and front-end tools to explore for front-end and UI engineers.

Friendly reminder: SmashingConf Freiburg 2026 🇩🇪 takes place this September, bringing together designers and engineers for 4 inspiring days of talks and workshops. Jump to last tickets.

A peek at the SmashingConf Freiburg line-up. See you there?

As usual, we do have online workshops on UX and frontend coming up — on design systems, accessibility, Figma, CSS, and enterprise UX:

Spotting Accessibility Issues Early Free
with Stéphanie Walter. Sep 1
Complex UIs & Enterprise UX UX
with Vitaly Friedman. Sep 2–3
Naming Design Systems DS
with Samantha Gordashko. Sep 8–22
Interface Design Patterns Live UX Training UX
with Vitaly Friedman. Sep 11 – Oct 12
Figma MCP Masterclass Design
with Christine Vallaure. Sep 14
Accessibility For Designers UX
with Stéphanie Walter. Sep 21–29
Jump to all workshops →

One more thing before we dive deep into good ol’ frontend, we’re happy to provide scholarships and we have friendly discounts for large groups (5+ attendees) and schools and students. Interested? Just fill out this form and we’ll sort it out! Get your ticket.

Also, excited to join, but your manager needs a little more persuasion? As always, we’ve got your back!

— Vitaly

1. World Cup Standings Layout

Do you sometimes open DevTools to see how a particular layout is built? Ahmad Shadeed does too, and this time, the FIFA standings page for the World Cup made him curious. So after inspecting the original solution, he decided to rebuild the layout with CSS grid and subgrid. If you want to follow along, Ahmad shares his process in a step-by-step guide, from defining the main grid to making the layout responsive.

2. Reading A Performance Profile

The performance panel in Chrome DevTools is full of valuable insights, but how to make sense of it all? Joan León published an interactive field guide that helps you build the mental models needed to quickly read network waterfalls and flame charts. With interactive figures, real, annotated captures, and a workflow checklist, the guide is not only great for beginners but anyone who wants to get more out of the performance panel.

3. How To Choose A UI Font

Inter is an easy choice when you’re looking for a UI font. It sits perfectly in an interface every time, without any manual CSS tweaks. However, it has one downside: It’s everywhere. If you’re looking for alternatives, Yep! Type Foundry shares two simple criteria that help you pick a font that’s just as low-maintenance as the popular Inter, as well as ten Inter alternatives you might want to look into.

From our sponsor

Rethinking Web Animation: Tactile UX Without Physics

Tired of bloated physics engines slowing down your site? Learn how to craft highly responsive, tactile user experiences using lightweight Lottie files. Explore practical techniques to make your digital interfaces feel more physical, intuitive, and instantly engaging.

4. UI Sound Design

Whether it’s confirming a selection, signaling success or failure, or announcing a message, UI sound design helps reinforce visible feedback. If you plan to include sound effects in your design, be sure to check out UI SFX, a wonderful open-source library of interface sound effects. It covers every possible product stage and offers 12 distinct feels for each UI cue.

5. Editorial Typography With CSS

Fluid scales, balanced headlines, optical sizing, hanging punctuation. Typesetting details like these have long been exclusive to print. Luckily, browsers have quietly caught up in the last few years, and added fancy typesetting features to their toolkits. Carmen Ansio shows how you can use them to take your web typography to the next level.

6. Measuring Component Performance

Standard web performance metrics are super valuable, but they don’t give us insight into component performance. The new Container Timing API is about to change that. Currently available in Chrome origin trial, the API allows us to annotate a whole region of the DOM and receive entries as new, contentful parts of it are painted. Harry Roberts dives deeper into how Container Timing works and the implications that come with it.

From our sponsor

Save 40% On Your First 3 Months Of Coursera Plus

Enjoy unlimited access to 10,000+ courses, professional certificates, and guided projects. Start building in-demand, job-ready skills by learning with Coursera Plus today →

7. JavaScript In 2026

What to know in JavaScript in 2026? Chris Coyier wrote a comprehensive guide in which he shines a light on everything that’s new in JavaScript this year, not only in the language, but also in frameworks, runtimes, libraries, and tooling.

To get you up to date on ECMAScript, Paweł Grzybek summarized all the new additions that Ecma International approved a few weeks ago. And if you’re curious how the language has changed over the last decade, Paweł has got you covered, too.

8. TypeScript 7.0

In early July, Microsoft announced TypeScript 7.0. A 10x faster native port of TypeScript, it streamlines your complete workflow, from loading your project instantaneously to cutting down on delays on find-all-references, auto-completion, and diagnostics. Daniel Rosenwasser’s announcement post shares valuable insights into how the new release makes your coding experience faster and more productive.

9. Accessible UX Research, Now Shipping 📚

We’ve got exciting news! Our newest Smashing book, Accessible UX Research by Michele A. Williams, is finally shipping worldwide! Get the book right away or order the eBook for instant download.

Meet our brand-new book: “Accessible UX Research” by Michele A. Williams. Printed copies shipping now.

Accessible UX Research is your practical guide to making UX research more inclusive of participants with different needs — from planning and recruiting to facilitation, asking better questions, avoiding bias, and building trust. Download a free sample (PDF, 2.3MB) or get the book right away.

10. Upcoming Workshops and Conferences

That’s right! We run online workshops on frontend and design, be it accessibility, performance, or design patterns. In fact, we have a couple of workshops coming up soon, and we thought that, you know, you might want to join in as well.

With online workshops, we aim to give you the same experience and access to experts as in an in-person workshop from wherever you are.

As always, here’s a quick overview:

Spotting Accessibility Issues Early Free
with Stéphanie Walter. Sep 1
Design Patterns For Complex UIs and Enterprise UX UX
with Vitaly Friedman. Sep 2–3
Naming Design Systems DS
with Samantha Gordashko. Sep 8–22
Live UX Training UX
with Vitaly Friedman. Sep 11 – Oct 12
Figma MCP Masterclass Design
with Christine Vallaure. Sep 14
Accessibility For Designers UX
with Stéphanie Walter. Sep 21–29
Design Patterns For AI Interfaces UX
with Vitaly Friedman. Video course + live UX training
How To Measure UX and Design Impact UX
with Vitaly Friedman. Video course + live UX training
Jump to all workshops →

11. Person Of The Week: Maria Rosala

Please give a warm round of applause for our Person of the Week: Maria Rosala. Maria is the Director of Research at Nielsen Norman Group. With over a decade of experience leading research for digital products and services, she helps organizations understand user needs, reduce risks in decision-making, and build scalable research practices.

At NN/G, Maria leads research efforts, consults clients, publishes UX content, and develops and teaches courses to instruct professionals worldwide. She is also a User Experience Build Fellow at Open Avenues Foundation, where she works with students leading projects in UX research and design.

Thank you for everything you do for the community, dear Maria! 🧡

12. Recent Smashing Articles

That’s All, Folks!

Thank you so much for reading and for your support in helping us keep the web dev and design community strong with our newsletter. See you next time!

This newsletter issue was written and edited by Cosima Mielke, Vitaly Friedman, and Iris Lješnjanin.

Sent to truly smashing readers via Mailchimp.
We sincerely appreciate your kind support. You rock.

Follow us on Mastadon • Join us on Bluesky

Weekly issues with useful tips for web devs. Email: newsletter@smashingmagazine.com.
unsubscribe • update preferences • view in your browser

25:T3f67,TypeScript 7.0, measuring component performance, editorial typography, CSS techniques, sound design for the web. Issue #571 • Aug 11, 2026 • View in the browser (https://mailchi.mp/smashingmagazine/571-whats-new-in-frontend?e=45c4871904) https://www.smashingmagazine.com/the-smashing-newsletter/ ** Amharic Friends, ------------------------------------------------------------ How do you measure the performance of a specific UI component? What is new in JavaScript and TypeScript in 2026? How do we bring editorial typography to the web? Is there a place for a design system for UI sounds in our digital products? Well, in this newsletter we explore just that — what’s new in front-end, with a few useful techniques and front-end tools to explore for front-end and UI engineers. Friendly reminder: SmashingConf Freiburg 2026 (https://smashingconf.com/freiburg-2026) 🇩🇪 takes place this September, bringing together designers and engineers for 4 inspiring days of talks and workshops. Jump to last tickets (https://smashingconf.com/freiburg-2026) . https://smashingconf.com/freiburg-2026 https://smashingconf.com/freiburg-2026/speakers A peek at the SmashingConf Freiburg line-up (https://smashingconf.com/freiburg-2026/) . See you there? As usual, we do have online workshops on UX and frontend (https://smashingconf.com/online-workshops) coming up — on design systems, accessibility, Figma, CSS, and enterprise UX: * Spotting Accessibility Issues Early (https://smashingconf.com/online-workshops/workshops/accessibility-mockups-stephanie-walter/) Free with Stéphanie Walter. Sep 1 * Complex UIs & Enterprise UX (https://smashingconf.com/online-workshops/workshops/enterprise-ux-vitaly-friedman/) UX with Vitaly Friedman. Sep 2–3 * Naming Design Systems (https://smashingconf.com/online-workshops/workshops/naming-design-systems-samantha-gordashko/) DS with Samantha Gordashko. Sep 8–22 * Interface Design Patterns Live UX Training (https://smashingconf.com/online-workshops/workshops/interface-design-course-vitaly-friedman/) UX with Vitaly Friedman. Sep 11 – Oct 12 * Figma MCP Masterclass (https://smashingconf.com/online-workshops/workshops/figma-mcp-christine-vallaure/) Design with Christine Vallaure. Sep 14 * Accessibility For Designers (https://smashingconf.com/online-workshops/workshops/accessibility-design-stephanie-walter/) UX with Stéphanie Walter. Sep 21–29 * Jump to all workshops → (https://smashingconf.com/online-workshops/) One more thing before we dive deep into good ol’ frontend, we’re happy to provide scholarships (https://smashingconf.com/scholarship-volunteering#scholarship-tickets) and we have friendly discounts for large groups (5+ attendees) and schools and students. Interested? Just fill out this form (https://docs.google.com/forms/d/e/1FAIpQLSczli0cJHMahJvUAM4Mmn8C97N34xIFA6DKEyH3h2RM1qP8FA/viewform) and we’ll sort it out! Get your ticket (https://smashingconf.com/freiburg-2026/registration) . Also, excited to join, but your manager needs a little more persuasion? As always, we’ve got your back! (https://smashingconf.com/freiburg-2026/convince-your-boss) — Vitaly (https://www.linkedin.com/in/vitalyfriedman/) ------------------------------------------------------------ ** 1. World Cup Standings Layout ------------------------------------------------------------ Do you sometimes open DevTools to see how a particular layout is built? Ahmad Shadeed does too, and this time, the FIFA standings page for the World Cup made him curious. So after inspecting the original solution, he decided to rebuild the layout with CSS grid and subgrid. If you want to follow along, Ahmad shares his process in a step-by-step guide (https://ishadeed.com/article/fifa-layout/) , from defining the main grid to making the layout responsive. https://ishadeed.com/article/fifa-layout/ ------------------------------------------------------------ ** 2. Reading A Performance Profile ------------------------------------------------------------ The performance panel in Chrome DevTools is full of valuable insights, but how to make sense of it all? Joan León published an interactive field guide (https://perf.reviews/profile-guide) that helps you build the mental models needed to quickly read network waterfalls and flame charts. With interactive figures, real, annotated captures, and a workflow checklist, the guide is not only great for beginners but anyone who wants to get more out of the performance panel. https://perf.reviews/profile-guide ------------------------------------------------------------ ** 3. How To Choose A UI Font ------------------------------------------------------------ Inter is an easy choice when you’re looking for a UI font. It sits perfectly in an interface every time, without any manual CSS tweaks. However, it has one downside: It’s everywhere. If you’re looking for alternatives, Yep! Type Foundry shares two simple criteria (https://yeptype.com/article/inter-alternatives) that help you pick a font that’s just as low-maintenance as the popular Inter, as well as ten Inter alternatives you might want to look into. https://yeptype.com/article/inter-alternatives ------------------------------------------------------------ From our sponsor ** Rethinking Web Animation: Tactile UX Without Physics ------------------------------------------------------------ https://www.smashingmagazine.com/2026/08/building-tactile-ux-honoring-intentional-design-lottie/ Tired of bloated physics engines slowing down your site? Learn (https://www.smashingmagazine.com/2026/08/building-tactile-ux-honoring-intentional-design-lottie/) how to craft highly responsive, tactile user experiences using lightweight Lottie files. Explore practical techniques (https://www.smashingmagazine.com/2026/08/building-tactile-ux-honoring-intentional-design-lottie/) to make your digital interfaces feel more physical, intuitive, and instantly engaging. ------------------------------------------------------------ ** 4. UI Sound Design ------------------------------------------------------------ Whether it’s confirming a selection, signaling success or failure, or announcing a message, UI sound design helps reinforce visible feedback. If you plan to include sound effects in your design, be sure to check out UI SFX (https://uisfx.com/) , a wonderful open-source library of interface sound effects. It covers every possible product stage and offers 12 distinct feels for each UI cue. https://uisfx.com/ ------------------------------------------------------------ ** 5. Editorial Typography With CSS ------------------------------------------------------------ Fluid scales, balanced headlines, optical sizing, hanging punctuation. Typesetting details like these have long been exclusive to print. Luckily, browsers have quietly caught up in the last few years, and added fancy typesetting features to their toolkits. Carmen Ansio shows how you can use them (https://www.carmenansio.com/articles/editorial-typography-css/) to take your web typography to the next level. https://www.carmenansio.com/articles/editorial-typography-css/ ------------------------------------------------------------ ** 6. Measuring Component Performance ------------------------------------------------------------ Standard web performance metrics are super valuable, but they don’t give us insight into component performance. The new Container Timing API is about to change that. Currently available in Chrome origin trial, the API allows us to annotate a whole region of the DOM and receive entries as new, contentful parts of it are painted. Harry Roberts dives deeper into how Container Timing works (https://csswizardry.com/2026/07/meaasuring-component-performance-with-the-container-timing-api/) and the implications that come with it. https://csswizardry.com/2026/07/meaasuring-component-performance-with-the-container-timing-api/ ------------------------------------------------------------ From our sponsor ** Save 40% On Your First 3 Months Of Coursera Plus ------------------------------------------------------------ https://smashed.by/courseraplus Enjoy unlimited access to 10,000+ courses, professional certificates, and guided projects. Start building in-demand, job-ready skills by learning with Coursera Plus today → (https://smashed.by/courseraplus) ------------------------------------------------------------ ** 7. JavaScript In 2026 ------------------------------------------------------------ What to know in JavaScript in 2026? Chris Coyier wrote a comprehensive guide (https://master.dev/blog/what-to-know-in-javascript-2026-edition/) in which he shines a light on everything that’s new in JavaScript this year, not only in the language, but also in frameworks, runtimes, libraries, and tooling. To get you up to date on ECMAScript, Paweł Grzybek summarized all the new additions (https://pawelgrzybek.com/whats-new-in-ecmascript-2026/) that Ecma International approved a few weeks ago. And if you’re curious how the language has changed over the last decade, Paweł has got you covered, too. https://master.dev/blog/what-to-know-in-javascript-2026-edition/ ------------------------------------------------------------ ** 8. TypeScript 7.0 ------------------------------------------------------------ In early July, Microsoft announced TypeScript 7.0. A 10x faster native port of TypeScript, it streamlines your complete workflow, from loading your project instantaneously to cutting down on delays on find-all-references, auto-completion, and diagnostics. Daniel Rosenwasser’s announcement post (https://devblogs.microsoft.com/typescript/announcing-typescript-7-0/) shares valuable insights into how the new release makes your coding experience faster and more productive. https://devblogs.microsoft.com/typescript/announcing-typescript-7-0/ ------------------------------------------------------------ ** 9. Accessible UX Research, Now Shipping 📚 ------------------------------------------------------------ We’ve got exciting news! Our newest Smashing book, Accessible UX Research by Michele A. Williams, is finally shipping worldwide! Get the book right away (https://www.smashingmagazine.com/printed-books/accessible-ux-research/) or order the eBook for instant download (https://www.smashingmagazine.com/ebooks/accessible-ux-research-ebook/) . https://www.smashingmagazine.com/printed-books/accessible-ux-research/ Meet our brand-new book: “Accessible UX Research (https://www.smashingmagazine.com/printed-books/accessible-ux-research/) ” by Michele A. Williams. Printed copies shipping now. Accessible UX Research is your practical guide to making UX research more inclusive of participants with different needs — from planning and recruiting to facilitation, asking better questions, avoiding bias, and building trust. Download a free sample (https://smashed.by/accessibleresearchsample) (PDF, 2.3MB) or get the book right away (https://www.smashingmagazine.com/printed-books/accessible-ux-research/) . ------------------------------------------------------------ ** 10. Upcoming Workshops and Conferences ------------------------------------------------------------ That’s right! We run online workshops on frontend and design (https://www.smashingconf.com/online-workshops/) , be it accessibility, performance, or design patterns. In fact, we have a couple of workshops coming up soon, and we thought that, you know, you might want to join in as well. https://smashingconf.com/online-workshops/ With online workshops (https://smashingconf.com/online-workshops/) , we aim to give you the same experience and access to experts as in an in-person workshop from wherever you are. As always, here’s a quick overview: * Spotting Accessibility Issues Early (https://smashingconf.com/online-workshops/workshops/accessibility-mockups-stephanie-walter/) Free with Stéphanie Walter. Sep 1 * Design Patterns For Complex UIs and Enterprise UX (https://smashingconf.com/online-workshops/workshops/enterprise-ux-vitaly-friedman/) UX with Vitaly Friedman. Sep 2–3 * Naming Design Systems (https://smashingconf.com/online-workshops/workshops/naming-design-systems-samantha-gordashko/) DS with Samantha Gordashko. Sep 8–22 * Live UX Training (https://smashingconf.com/online-workshops/workshops/interface-design-course-vitaly-friedman/) UX with Vitaly Friedman. Sep 11 – Oct 12 * Figma MCP Masterclass (https://smashingconf.com/online-workshops/workshops/figma-mcp-christine-vallaure/) Design with Christine Vallaure. Sep 14 * Accessibility For Designers (https://smashingconf.com/online-workshops/workshops/accessibility-design-stephanie-walter/) UX with Stéphanie Walter. Sep 21–29 * Design Patterns For AI Interfaces (https://ai-design-patterns.com/) UX with Vitaly Friedman. Video course + live UX training * How To Measure UX and Design Impact (https://measure-ux.com/) UX with Vitaly Friedman. Video course + live UX training * Jump to all workshops → (https://smashingconf.com/online-workshops/) ------------------------------------------------------------ ** 11. Person Of The Week: Maria Rosala ------------------------------------------------------------ Please give a warm round of applause for our Person of the Week: Maria Rosala (https://www.linkedin.com/in/maria-rosala) . Maria is the Director of Research at Nielsen Norman Group. With over a decade of experience leading research for digital products and services, she helps organizations understand user needs, reduce risks in decision-making, and build scalable research practices. https://www.smashingmagazine.com/person-of-the-week/maria-rosala/ At NN/G, Maria leads research efforts, consults clients, publishes UX content (https://www.nngroup.com/articles/author/maria-rosala/) , and develops and teaches courses to instruct professionals worldwide. She is also a User Experience Build Fellow at Open Avenues Foundation, where she works with students leading projects in UX research and design. Thank you for everything you do for the community, dear Maria! 🧡 ------------------------------------------------------------ ** 12. Recent Smashing Articles ------------------------------------------------------------ * Building Tactile UX: Honoring Intentional Design With Lottie (https://www.smashingmagazine.com/2026/08/building-tactile-ux-honoring-intentional-design-lottie/) * How Baseline Can Help You Ship Less JavaScript (https://www.smashingmagazine.com/2026/08/how-baseline-can-help-ship-less-javascript/) * Small Joys And Big Adventures (August 2026 Wallpapers Edition) (https://www.smashingmagazine.com/2026/07/desktop-wallpaper-calendars-august-2026/) * The Bull And Bear Case For Digital Design In The Age Of AI (https://www.smashingmagazine.com/2026/07/bull-and-bear-case-digital-design-age-ai/) ------------------------------------------------------------ ** That’s All, Folks! ------------------------------------------------------------ Thank you so much for reading and for your support in helping us keep the web dev and design community strong with our newsletter. See you next time! ------------------------------------------------------------ This newsletter issue was written and edited by Cosima Mielke, Vitaly Friedman, and Iris Lješnjanin. Sent to truly smashing (http://www.smashingmagazine.com/about/) readers via Mailchimp (http://www.mailchimp.com) . We sincerely appreciate your kind support. You rock. Follow us on Mastadon (https://mastodon.social/@smashingmag) • Join us on Bluesky (https://bsky.app/profile/smashingmagazine.com) ============================================================ Weekly issues with useful tips for web devs. Email: ** newsletter@smashingmagazine.com (mailto:newsletter@smashingmagazine.com) . ** unsubscribe (https://smashingmagazine.us1.list-manage.com/unsubscribe?u=16b832d9ad4b28edf261f34df&id=a1666656e0&t=b&e=45c4871904&c=84fc457954) • ** update preferences (https://smashingmagazine.us1.list-manage.com/profile?u=16b832d9ad4b28edf261f34df&id=a1666656e0&e=45c4871904&c=84fc457954) • ** view in your browser (https://mailchi.mp/smashingmagazine/571-whats-new-in-frontend?e=45c4871904) 1f:["$","article",null,{"className":"min-w-0 flex-1 overflow-hidden","aria-label":"#571: What’s New in Frontend?","children":["$","$L23",null,{"email":{"id":"a917eca0-565b-491c-a83b-4fe69704bbc4","subject":"#571: What’s New in Frontend?","previewText":"TypeScript 7.0, measuring component performance, editorial typography, CSS techniques, sound design for the web. Issue #571 • Aug 11, 2026 • View in the browser (https://mailchi.mp/smashingmagazine/571-whats-new-in-frontend?e=45c4871904)\n\nhttps://www.smashingmagazine.com/the-smashing-newsletter/\n\n\n*","sentAt":"2026-08-11T14:09:18.000Z","classification":"marketing","imageCount":17,"thumbnailUrl":"https://mailspo-ingest.imraan-243.workers.dev/img/renders/a917eca0-565b-491c-a83b-4fe69704bbc4.jpg","emailType":"sale_promotion","typeConfidence":"guess","typeBasis":"matched the body copy","brand":"$6:props:children:props:children:2:props:brands:835","bodyHtml":"$24","textBody":"$25","bodyFallback":null}}]}] a:null f:[["$","title","0",{"children":"#571: What’s New in Frontend? by Smashing Magazine | Mailspo"}],["$","meta","1",{"name":"description","content":"TypeScript 7.0, measuring component performance, editorial typography, CSS techniques, sound design for the web. Issue #571 • Aug 11, 2026 • View in the browser"}],["$","meta","2",{"name":"robots","content":"index, follow"}],["$","link","3",{"rel":"canonical","href":"https://mailspo.com/emails/a917eca0-565b-491c-a83b-4fe69704bbc4"}],["$","meta","4",{"property":"og:title","content":"#571: What’s New in Frontend? by Smashing Magazine | Mailspo"}],["$","meta","5",{"property":"og:description","content":"TypeScript 7.0, measuring component performance, editorial typography, CSS techniques, sound design for the web. Issue #571 • Aug 11, 2026 • View in the browser"}],["$","meta","6",{"property":"og:url","content":"https://mailspo.com/emails/a917eca0-565b-491c-a83b-4fe69704bbc4"}],["$","meta","7",{"property":"og:site_name","content":"Mailspo"}],["$","meta","8",{"property":"og:image","content":"https://mailspo-ingest.imraan-243.workers.dev/img/renders/a917eca0-565b-491c-a83b-4fe69704bbc4.jpg"}],["$","meta","9",{"property":"og:image:alt","content":"Smashing Magazine email creative: #571: What’s New in Frontend?"}],["$","meta","10",{"property":"og:type","content":"article"}],["$","meta","11",{"property":"article:published_time","content":"2026-08-11T14:09:18.000Z"}],["$","meta","12",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","13",{"name":"twitter:title","content":"#571: What’s New in Frontend? by Smashing Magazine | Mailspo"}],["$","meta","14",{"name":"twitter:description","content":"TypeScript 7.0, measuring component performance, editorial typography, CSS techniques, sound design for the web. Issue #571 • Aug 11, 2026 • View in the browser"}],["$","meta","15",{"name":"twitter:image","content":"https://mailspo-ingest.imraan-243.workers.dev/img/renders/a917eca0-565b-491c-a83b-4fe69704bbc4.jpg"}],["$","meta","16",{"name":"twitter:image:alt","content":"Smashing Magazine email creative: #571: What’s New in Frontend?"}],["$","link","17",{"rel":"icon","href":"/favicon.ico?favicon.2vob68tjqpejf.ico","sizes":"256x256","type":"image/x-icon"}],["$","$L26","18",{}]]

Search Mailspo