js13kGames 2023 winners 🏆, Chrome 118-119, Firefox 119, Safari 17.1, Node 21, TS 5.3 Beta, and more | Front End News #104
Tags: newsletter, frontendnews, news
Published: 2023-11-04 15:41:00

> **NOTE:** This is issue #104 of my newsletter, which went live on Wednesday, November 1. You might find this information valuable and exciting and want to receive future issues as they are published ahead of everyone else. In that case, I invite you to join the subscriber list at [frontendnexus.com](https://frontendnexus.com/).

***

In this issue we meet the winners of the 2023 edition of js13kGames. In Browser News, we find out what happened on the web platform in October, and we welcome Chrome 118 and 119, Firefox 119, MS Edge 118, Safari 17.1, Safari TP 181, and Vivaldi 6.4 for desktops.

There are many targets on the Release Radar, including Astro 3.3, Electron 27, Material Web 1.0, Node 21, TypeScript 5.3 Beta, Yarn 4.0, and more. Last, we got a large bundle of images, editors, generators, and other assets and tools for your projects.

***

## js13kGames 2023 winners 🏆

js13kGames is a fantastic contest of coding prowess, where developers have to create a themed HTML5 game crammed in only 13KB of code. The theme for the 2023 edition was "13th Century," and we got the list of winners.

- [js13kGames 2023 winners 🏆](https://github.blog/2023-10-13-js13k-2023-winners/)
- [js13kGames](https://js13kgames.com/)

***

## 💻 Browser news

Rachel Andrew is back with her October synopsis on web platform changes.

- [New to the web platform in October](https://web.dev/blog/web-platform-10-2023?hl=en)

### Chrome

Chrome 118 supports the CSS `@scope` rule and the `prefers-reduced-transparency` media feature. The Dev Tools bring a new section for custom properties, Lighthouse 11, and more navigation keystrokes to improve accessibility.

- [New in Chrome 118](https://developer.chrome.com/blog/new-in-chrome-118/)
- [What's New in DevTools (Chrome 118)](https://developer.chrome.com/blog/new-in-devtools-118/)

Chrome 119 is the first release in the new three-week update cycle. It supports the CSS `:user-invalid` and `:user-valid` pseudo-classes, sets all cookies to a maximum expiration date of 400 days, and more. In Dev Tools, you can now emulate many more devices. The Lighthouse panel runs Lighthouse 11.1.0, and the list goes on.

- [New in Chrome 119](https://developer.chrome.com/blog/new-in-chrome-119/)
- [What's New in DevTools (Chrome 119)](https://developer.chrome.com/blog/new-in-devtools-119/)

### Firefox

Firefox 119 includes many quality-of-life improvements (such as the possibility to edit PDF files) and security fixes. Under the hood, you can also encounter many discrete updates to various areas of the web platform.

- [Firefox 119 Release Notes](https://www.mozilla.org/en-US/firefox/119.0/releasenotes/)
- [Firefox 119 for developers](https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/119)

### Microsoft Edge

MS Edge 118 brings new feature updates (such as the new AI-powered Designer) and changes to many of its policies.

- [Microsoft Edge 118 Release Notes](https://learn.microsoft.com/en-us/deployedge/microsoft-edge-relnote-stable-channel#version-1180208876-october-27-2023)

### Vivaldi

Vivaldi has staggered their releases based on the target platform. While Android remains at 6.2 and iOS at 6.3, desktop users received the 6.4 update. You can now synchronize your data between your devices and even your car with Vivaldy Sync.

- [Vivaldi 6.4 for the desktop](https://vivaldi.com/blog/vivaldi-on-desktop-6-4/)

### WebKit

The WebKit team released another update to Safari, numbered 17.1. iPhone users can now also enjoy the benefits of the Managed Media Source API (the feature landed in 17.0 for iPad and MacOS users). There are also many bug fixes across the entire web platform.

- [WebKit Features in Safari 17.1](https://webkit.org/blog/14735/webkit-features-in-safari-17-1/)

There is also another release of the Safari Technology Preview series. The 181 update includes support for the new CSS `content-visibility` features, along with many bug fixes.

- [Release Notes for Safari Technology Preview 181](https://webkit.org/blog/14721/release-notes-for-safari-technology-preview-181/)

***

## 📡 The Release Radar

- **[Astro 3.3](https://astro.build/blog/astro-330/)**, **[Astro 3.4](https://astro.build/blog/astro-340/)** - The web framework that scales with you
- **[Clipboardy v4.0.0](https://github.com/sindresorhus/clipboardy/releases/tag/v4.0.0)** - Access the system clipboard (copy/paste)
- **[Electron 27.0.0](https://www.electronjs.org/blog/electron-27-0)** - :electron: Build cross-platform desktop apps with JavaScript, HTML, and CSS
- **[Fresh 1.5](https://deno.com/blog/fresh-1.5)** - The next-gen web framework
- **[highlight.js 11.9.0](https://github.com/highlightjs/highlight.js/releases/tag/11.9.0)** - JavaScript syntax highlighter with language auto-detection
- **[Material Web 1.0](https://github.com/material-components/material-web/releases/tag/v1.0.0)** - Material Design Web Components
- **[Next.js 14](https://nextjs.org/blog/next-14)** - create full-stack Web applications
- **[Node v20.8.1 (Current)](https://nodejs.org/en/blog/release/v20.8.1)**, **[Node v18.18.2 (LTS)](https://nodejs.org/en/blog/release/v18.18.2)**, **[Node v21.0.0 (Current)](https://nodejs.org/en/blog/release/v21.0.0)**, **[Node v21.1.0 (Current)](https://nodejs.org/en/blog/release/v21.1.0)**, **[Node v20.9.0 (LTS)](https://nodejs.org/en/blog/release/v20.9.0)**, **[October 2023 Security Releases](https://nodejs.org/en/blog/vulnerability/october-2023-security-releases)**, **[OpenSSL Recent Security Patches](https://nodejs.org/en/blog/vulnerability/openssl-fixes-in-regular-releases-oct2023)** -
- **[NodeBB](https://github.com/NodeBB/NodeBB/releases/tag/v3.5.0)** - Node.js based forum software built for the modern web
- **[Nuxt 3.8.0](https://github.com/nuxt/nuxt/releases/tag/v3.8.0)** - The Intuitive Vue Framework
- **[Nuxt DevTools 1.0](https://github.com/nuxt/devtools/releases/tag/v1.0.0)** - Unleash the Nuxt Developer Experience
- **[Parcel v2.10.0](https://github.com/parcel-bundler/parcel/releases/tag/v2.10.0)** - The zero configuration build tool for the web
- **[pnpm v8.9.0](https://github.com/pnpm/pnpm/releases/tag/v8.9.0)** - Fast, disk space efficient package manager
- **[Postgres.js v3.4.0](https://github.com/porsager/postgres/releases/tag/v3.4.0)** - The Fastest full-featured PostgreSQL client for Node.js, Deno, Bun and CloudFlare
- **[Remix v2.1.0](https://github.com/remix-run/remix/releases/tag/remix%402.1.0)** - Create modern, resilient user experiences with web fundamentals.
- **[Rockpack 4.0.0](https://github.com/AlexSergey/rockpack/releases/tag/4.0.0)** - create React Application with Server Side Rendering, bundling, linting, testing within 5 minutes
- **[Solid v1.8.0](https://github.com/solidjs/solid/releases/tag/v1.8.0)** - A declarative, efficient, and flexible JavaScript library for building user interfaces.
- **[Sortable 3.0.0](https://github.com/tofsjonas/sortable/releases/tag/3.0.0+)** - Vanilla JavaScript table sort
- **[Storybook 7.5](https://storybook.js.org/blog/storybook-7-5/)** - a frontend workshop for building UI components and pages in isolation
- **[TypeScript 5.3 Beta](https://devblogs.microsoft.com/typescript/announcing-typescript-5-3-beta/)** - a superset of JavaScript that compiles to clean JavaScript output
- **[Yarn 4.0](https://yarnpkg.com/blog/release/4.0)** - a package manager that doubles down as project manager

***

## 🛠️ Front End Resources

- **[404 Illustrations](https://www.kapwing.com/404-illustrations)** - Trendy, ready to use images for your 404 page
- **[AnimatiSS](https://xsgames.co/animatiss/)** - Nice collection of CSS animations for your awesome web projects
- **[Box Shadows](https://boxshadows.xyz/)** - Create, edit, and generate multiple custom CSS box shadows with ease.
- **[cccolor](https://fffuel.co/cccolor/)** - HEX, RGB & HSL color picker
- **[Durves](https://www.durves.com/)** - A tool for creating and exporting dot patterns
- **[Epic Easing](https://epiceasing.com/)** - Easing made easy.
- **[Gradient Designer](https://akx.github.io/gradient/)** - Gradient designer with code generation.
- **[JSONGenerator](https://www.jsongenerator.io/)** - Create complex JSON data structures using intuitive templates.
- **[Karektar](https://karektar.newtrino.ink/)** - Create your own bitmap font
- **[Photopea](https://www.photopea.com/)** - Free online advanced image editor
- **[Popicons](https://popicons.cc/)** - Bring life & personality to your projects.
- **[User Stock](https://userstock.io/)** - Free photos of people's faces to use as avatars in UI mockups, prototypes, and more.
- **[Vectorpea]()** - Free online vector editor

There's more where that came from. Explore the rest of the [Front End Resource collection](https://frontendnexus.com/resources/).

***

## Wrapping things up

Ukraine is still suffering from the Russian invasion - if you are looking for ways to help, please check Smashing Magazine's article [We All Are Ukraine 🇺🇦](https://www.smashingmagazine.com/2022/02/we-all-are-ukraine/) or contact your trusted charity.

If you enjoyed this newsletter, there are a couple of ways to support it:

- 📢 [share the link to this issue on social media](https://frontendnexus.com/news/104/)
- ❤️ [follow this newsletter on Twitter](https://twitter.com/frontendnexus)
- ☕ [buy me a coffee](https://ko-fi.com/adriansandu)

Each of these helps me out, and I would appreciate your consideration.

That's all I have for this issue. Have a great and productive week, keep yourselves safe, spend as much time as possible with your loved ones, and I will see you again next time!