Frontendies logo

#4 It's a quiet place

5/1/2023
Hero image representing an abstract april's city landscape.

Hello πŸ‘‹πŸΌ frontendies! Welcome to our fourth issue, even better than the previous one, for an even larger group of subscribers than one month ago!

This month was relatively slow, and little happened in the FE world, especially very little platform movement. Vite performance improvements and Node v20 were the most exciting news last month. So it looks like everyone is slowly getting ready for a summer 🏝️ Nonetheless, as usual, there are a bunch of interesting news, articles, and misc links for you, so happy reading, frontendies!

Platform

CSS text-wrap: balance

A classic typography technique of hand-authoring line breaks for balanced text blocks comes to CSS. W3C still has it in the draft, so all we can do now is a quick test drive and hope it will get some more traction in the future 🀞🏼

Read more

Node v20

A new major release of Node just landed with planned support till mid-2026. There are many exciting features and improvements like an experimental permission model, synchronous import.meta.resolve, stable test runner, V8 JavaScript engine updated to 11.3, single executable apps, and much more. After that, we just need about three years for AWS/GitHub/Netlify, etc., to bring their images up to speed.

Read more

Social

una.im

Una Kravets released a new personal website, and it's really good! Beyond being simple, well-organized, and easy to read, it has an intriguing design - combining modern and old-school styles (mid-century websites?). In addition, there are multiple lovely touches, i.e., an alternative hero image for dark mode or a "scrollable" gradient on the unicorn seal.

Read more

Lighthouse's diff tool

Did you know that Lighthouse has a diff tool? Well, now you know! Provide two reports and check on your progress πŸ‘ŒπŸΌ

Read more

Single executable in Node v20

Package your Nodejs script into a single executable with a built-in node core that you can rely on. Pair this with a current trend of JavaScript tools performance optimizations and trying to prove that language is not a bottleneck, and we may enter a new world of stand-alone JavaScript tools, CLIs, etc. πŸŽ‰

Read more

gradient.style

Truly features packed, modern CSS gradient and color picking tool. It's fantastic how we can geek out about these little things β™₯️

Read more

Tools

Vite v4.3

Vite released their next minor version, and it's all about performance! Cold start reduced by ~70%, warm ~40%, HMR ~40% - astonishing improvements! All of that is behind a minor release, so you can use it in your project without breaking changes or migrations. Open source community jumped on it right away, and tools like Storybook or NuxtJS let their users reap the benefits immediately!

Read more

Winduum

CSS framework, built on top of Tailwind CSS, that brings simple components like buttons, badges, input fields, etc., so you don't have to make them from scratch.

Read more

Nuxt 3.4

The latest release of Nuxt 3 brings exciting new features, including support for the View Transitions API, transferring rich JavaScript payloads from server to client - and much more. But let's not stop there - upgrade to 3.4.2 right away and get these sweet performance improvements with Vite 4.3!

Read more

UnoCSS

Interesting how the Tailwind CSS and utility-first CSS tools, in general, exploded in the last year or two. As a result, you can try lightweight, fast, and powerful (I have yet to verify any of these claims) alternative to Tailwind CSS - UnoCSS.

Read more

Opera One

Opera released their entirely redesigned browser with a modular interface, performance improvements, interesting tabs islands concept, and Opera fan's favorite - sidebar.

Read more

Worth reading

A Reference to Creating Inclusive Websites

A comprehensive guide that will help you create an inclusive and accessible experience for your users. Lots of good guidance, including different aspects of accessibility like color contrast, legibility, navigation structure, keyboard accessibility, and much more.

Read more

Thinking About Code Review

Interesting, short, blog post from Kent Beck (creator of extreme programming) about Code Reviews, Pull Requests, and how does it work with different size of problems and environments.

Read more

What’s a Basic Use Case for Cascade Layers in CSS?

CSS Cascade layers were released about a year ago as another mean to play with specificity and code structure. Chris Coyier shows a basic use case for this relatively new tool.

Read more

Want updates like that every month?

Sign up for our newsletter!

One e-maile, once a month!