Introducing the MDN Playground, DuckDuckGo for Windows, Safari TP 173, Ember 5.0, Svelte 4, and more | Front End News #100
Tags: newsletter, news, frontendnews, webdev
Published: 2023-07-04 17:49:44

> **NOTE:** This is issue #100 of my newsletter, which went live on Monday, July 03. If you find this information useful and interesting and you want to receive future issues as they are published, ahead of everyone else, I invite you to join the subscriber list at [frontendnexus.com](https://frontendnexus.com/).

***

MDN launches Playground, their new tool for interactive examples and rapid prototyping. In Browser News, DuckDuckGo launches the beta version of their Windows browser, while Safari users can test many of the upcoming Safari 17 features in Safari Technology Preview 173. On the Release Radar, we encounter entries like Ember 5.0, Svelte 4, and more. And the Resource set of this issue includes cheatsheets, icons, font faces, and some useful utilities.

***

## Introducing the MDN Playground

The MDN has been for a long time the best knowledge repository for the web platform. Now they up their game even further, by introducing the Playground. This new feature supercharges the existing Live Examples, allowing people to experiment with the notions they are learning about. Of course, that's not all this tool is about, so check out the announcement below for more details.

- [Introducing the MDN Playground: Bring your code to life!](https://developer.mozilla.org/en-US/blog/introducing-the-mdn-playground/)
- [The MDN Playground](https://developer.mozilla.org/en-US/play)

***

## 💻 Browser news

June was a quiet month for the web platform, with Firefox 114 being the only stable release of the main browsers.

- [New to the web platform in June](https://web.dev/web-platform-06-2023/)

### DuckDuckGo

DuckDuckGo announced the public beta version of its Windows browser. The app is not a fork of Chromium, like many other browsers. Instead, it uses a Windows WebView2 call running the Blink rendering engine.

As expected, the app is packed full of privacy-preserving features. There is an ad-blocker, a password manager, a custom player for YouTube videos, and a lot more.

- [DuckDuckGo Windows browser now available in public beta](https://spreadprivacy.com/windows-browser-open-beta/)

### WebKit

Safari Technology Preview 173 is now available and includes many of the features that will be part of the Safari 17 update. You can select which features to enable with the new Feature Flags section, you can add any web app to the Dock, or you can use the JPEG XL file format, to name just a few of them.

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

***

## 📡 The Release Radar

- **[AlaSQL v4.1.0](https://github.com/AlaSQL/alasql)** - JavaScript SQL database for browser and Node.js
- **[DOCX 8.2.0](https://github.com/dolanmiu/docx/releases/tag/8.2.0)** - Easily generate and modify .docx files with JS/TS
- **[Ember 5.0](https://blog.emberjs.com/ember-5-0-released/)** - A JavaScript framework for creating ambitious web applications
- **[ESLint v8.43.0](https://eslint.org/blog/2023/06/eslint-v8.43.0-released/)** - Find and fix problems in your JavaScript code
- **[Fresh 1.2](https://deno.com/blog/fresh-1.2)** - a modern, Deno-first, edge-native full stack web framework
- **[Gatsby v5.11](https://www.gatsbyjs.com/docs/reference/release-notes/v5.11/)** - Build modern websites with React
- **[Node v16.20.1 (LTS)](https://nodejs.org/en/blog/release/v16.20.1)**, **[Node v18.16.1 (LTS)](https://nodejs.org/en/blog/release/v18.16.1)**, **[Node v20.3.1 (Current)](https://nodejs.org/en/blog/release/v20.3.1)** - an asynchronous event-driven JavaScript runtime
- **[NodeBB v3.2.0](https://github.com/NodeBB/NodeBB/releases/tag/v3.2.0)** - Node.js based forum software built for the modern web
- **[Nuxt 3.6](https://nuxt.com/blog/v3-6)** - The intuitive Vue Framework
- **[Octokit v2.1.0](https://github.com/octokit/octokit.js/releases/tag/v2.1.0)** - the GitHub SDK for Browsers, Node.js, and Deno.
- **[Remix v1.18.0](https://github.com/remix-run/remix/releases/tag/remix%401.18.0)** - a full stack web framework that lets you focus on the user interface
- **[Stencil v4.0.0](https://ionic.io/blog/announcing-stencil-v4-0-0)** - A compiler for generating Web Components using technologies like TypeScript and JSX
- **[Styled Components v6.0.0](https://github.com/styled-components/styled-components/releases/tag/v6.0.0)** - Visual primitives for the component age
- **[Svelte 4](https://svelte.dev/blog/svelte-4)** - Cybernetically enhanced web apps
- **[TestCafe v3.0.0](https://github.com/DevExpress/testcafe/releases/tag/v3.0.0)** - A Node.js tool to automate end-to-end web testing
- **[tween.js v21.0.0](https://github.com/tweenjs/tween.js/releases/tag/v21.0.0)** - JavaScript/TypeScript animation engine

***

## 🛠️ Front End Resources

- **[Durves](https://www.durves.com/)** - A tool for creating and exporting dot patterns
- **[Flowbite Icons](https://flowbite.com/icons/)** - Free and open-source SVG icons
- **[Free Faces](https://www.freefaces.gallery/)** - a curated collection of typefaces available under a variety of free licenses
- **[QuickRef.ME](https://quickref.me/)** - cheat sheets and quick references contributed by open-source angels
- **[SVG Hub](https://svghub.vercel.app/)** - Custom-color elements ready to paste into your project
- **[SVG Path Visualizer 📐](https://svg-path-visualizer.netlify.app/)** - Visualize SVG path data and discover all its different commands.
- **[Tunera Type Foundry](https://www.tunera.xyz/)** - a transnational type foundry, presenting new and original typefaces for everyone

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/100/)
- ❤️ [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!