---
title: "Edge 81 goes stable, jQuery 3.5 arrives"
publication: "Frontend Focus"
issue: 436
published_at: "2020-04-15"
canonical_url: "https://frontendfoc.us/issues/436"
---

This week's HTML, CSS and browser news.       

#436 — April 15, 2020 

[Read on the Web](https://frontendfoc.us/issues/436)   

Frontend Focus 

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/v1586965328/kw2xzpv1oragnlmajied.jpg)](https://web.dev/monitor-total-page-memory-usage/)  

[How to Monitor Your Web Page's Total Memory Usage with `performance.measureMemory()`](https://web.dev/monitor-total-page-memory-usage/) — Learn how to measure memory usage of your web page in production to detect regressions. (Chrome only, for now.) 

Ulan Degenbaev   

[Microsoft Edge 81 Release Notes for Stable Channel](https://docs.microsoft.com/en-us/deployedge/microsoft-edge-relnote-stable-channel#version-81041653-april-13) — Version 81 of Microsoft Edge [hit the stable channel yesterday](https://twitter.com/MSEdgeDev/status/1249850473193959424), bringing with it the new [built-in Collections feature](https://blogs.windows.com/msedgedev/2019/12/09/improvements-collections-sync-microsoft-edge/#LuDPRDUDCgdgdOVt.97), DevTools localization in 10 new languages, updates to the 3D View tool, and more. 

Microsoft   [![\](https://copm.s3.amazonaws.com/8da670e2.jpg)](https://go.pluralsight.com/C0085958) 

[Our Tech Skills Platform Is Free for the Month of April. Start Today](https://go.pluralsight.com/C0085958) — During the entire month of April, we're unlocking Pluralsight Skills for everyone, so you can stay home, stay safe and use your time building in-demand technology skills. 

Pluralsight sponsor   

[What is the 'JAMstack' and How Do I Get Started?](https://www.freecodecamp.org/news/what-is-the-jamstack-and-how-do-i-host-my-website-on-it/) — A good explainer that goes through exactly what JAMstack is and how to take advantage of its benefits. (_Psst, we’ve recently launched a [JAMstack newsletter](http://jamstack.email/?utm_source=fef&utm_medium=email&utm_campaign=cross-promo&utm_content=436)_.) 

Colby Fayock   

[jQuery 3.5.0 Released](http://blog.jquery.com/2020/04/10/jquery-3-5-0-released/) — A notable security fix (for a cross-site scripting vulnerability), plus some features additions, fixes and depreciations. 

Timmy Willison (jQuery Foundation)   

[Ten Security Tips for Frontend Developers](https://hackernoon.com/10-security-tips-for-frontend-developers-oi4624ld) — A pretty decent list of recommendations aimed at frontend devs for securing a website or app, including tips on CSP, XSS, third-party scripts, and more. 

Konstantin Lebedev    

--- 

### 🐦 Seen on Twitter — _Microsoft, PLEASE consider this_ 😂 

“I am still disappointed that Edge didn't take the opportunity to name the Canary channel 'Bleeding Egde' and the Beta channel 'Cutting Edge'.” [Tierney Cyren](https://twitter.com/bitandbang/status/1250111319790977026) on Twitter  

💻 **Jobs**  

[Find a Job Through Vettery](https://www.vettery.com/tech?utm_source=newsletter&utm_medium=cooper-frontendfocus&utm_term=tech&utm_content=grouped&utm_campaign=ad-77580) — Vettery specializes in tech roles and is completely free for job seekers. Create a profile to get started. 

Vettery   

[Frontend Developer at X-Team (Remote)](https://x-team.com/remote-frontend-developer-jobs/?utm_source=cooperpress&utm_medium=email-ad&utm_campaign=frontend) — Join X-Team and work on projects for companies like Riot Games, FOX, Coinbase, and more. Work from anywhere. 

X-Team  

📙 **News, Tutorials & Opinion**  

[How To Create a Particle Trail Animation in JavaScript](https://www.smashingmagazine.com/2020/04/particle-trail-animation-javascript/) — Anna Prenzel explains how to easily program a small trail of particles with anime.js. 

Smashing Magazine   

[CSS System Font Stack Reference](https://alligator.io/css/system-font-stack/) — Takes a detailed look at a recommended CSS font stack that uses system fonts (e.g. `-apple-system`) for an optimized cross-platform solution. 

Alligator.io   

[Introduction to Web Accessibility](https://www.edx.org/course/web-accessibility-introduction) — The availability of this free online course from the W3C’s Web Accessibility Initiative has been [extended through until the end of May](https://twitter.com/w3c_wai/status/1250142166204153859). It’s designed to provide a strong foundation for making sites/apps work well for people with disabilities, meet international standards, and enhance UX for all web users. 

W3C course   

[Responsive Images the Simple Way](https://cloudfour.com/thinks/responsive-images-the-simple-way/) — A look at handling resolution switching using the `srcset` and `sizes` attributes. 

Scott Vandehey   

[Tips for Writing Animation Code Efficiently](https://css-tricks.com/tips-for-writing-animation-code-efficiently/) — A concise list of tips focused on how to efficiently build animations (using GSAP). 

Zach Saucier   

[The Surprising Performance Boost From Changing GIF Embeds](https://swizec.com/blog/the-surprising-performance-boost-from-changing-gif-embeds/swizec/9365) 

Swizec Teller   

[Continuous Deployments for WordPress Using GitHub Actions](https://css-tricks.com/continuous-deployments-for-wordpress-using-github-actions/) — Shipping code to a production server often requires paid services. With GitHub Actions, Continuous Deployment is free for everyone. Read how to set that up. 

Steffen Bewersdorff   

[CSS Variables for React Devs](https://joshwcomeau.com/css/css-variables-for-react-devs/) — A solid look at how to use CSS variables (custom properties) in your next project. (_If you’re working with React, we have [a newsletter for that too](https://react.statuscode.com/?utm_source=fef&utm_medium=email&utm_campaign=cross-promo&utm_content=436)!_) 

Josh W Comeau   

[Making A Responsive CSS Grid Layout with Just 3 Properties](http://www.js-craft.io/blog/making-a-responsive-css-grid-layout-with-just-3-properties/) 

Daniel Nastase   

[Using CSS to Set Text Inside a Circle](https://css-tricks.com/using-css-to-set-text-inside-a-circle/) 

Kerry Smyth   

[Reminder: Bootstrap 5 Is Dropping Support for Internet Explorer](https://github.com/twbs/bootstrap/pull/30377) 

Bootstrap  

🔧 **Code, Tools and Resources** 

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/v1586943625/hgtm77tvxazwm7pg4zfp.png)](https://pqina.nl/flip/)  

[Flip: Animated Flip Counter Plugin to Add a Countdown to a Site](https://pqina.nl/flip/) — Adds an animated dynamic countdown timer to a page. No dependencies, responsive and mobile friendly, and fits any language, locale, or time zone. 

Rik Schennink   

[Vime: A New, Modern Media / Video Player for the Web](https://vime-js.com/) — Aims to be a ‘modern alternative to Video.js and Plyr’: _“The idea behind Vime is we want you to control the player, not the other way around.”_ Modular, tree-shakable, and with potential for a plugin ecosystem. [GitHub repo.](https://github.com/vime-js/vime) 

Rahim Alwer   

[CSS Color Gradient Generator](https://mybrandnewlogo.com/color-gradient-generator) — Another straightforward option for generating gradients for backgrounds/other page elements. Has a decent selection of predefined gradients too. 

Monokai   

[midori: A Library for Animated Image Backgrounds](https://github.com/aeroheim/midori) — Built with three.js, provides support for animated transition, a configurable dynamic “camera”, and post-processing effects. 

Benjamin Pang       

Web Font of the Week 

[MonoLisa](https://monolisa.dev) 

A paid monospace font for use in coding editors. It aims to deliver a legible/pleasant reading experience over longer periods of time. Compare it to Source Code Pro, JetBrains Mono, etc, [in the playground](https://monolisa.dev/#playground). 

If you don't like paying or the license requirements seem onerous, consider [Fira Code](https://github.com/tonsky/FiraCode), a rather similar font released under the SIL Open Font License.   

[![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/v1586875371/ltesquavpltgwm3ey7il.png)](https://monolisa.dev)          

A **[Cooperpress](https://cooperpress.com/)** publication — Curated by [Chris Brandrick](https://twitter.com/chrisbrandrick) & [Peter Cooper](https://twitter.com/peterc). 

[Change your email address](https://frontendfoc.us/edit_subscription/*|UID|*) or[Stop getting this newsletter](https://frontendfoc.us/leave/*|UID|*) 

© Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom