Issue 453 - Mozilla layoffs, Rome, and some CSS comics (27)

Figma to Code: Generate Responsive Pages for Tailwind, Flutter, and SwiftUI — A free design-to-code plugin for Figma that converts your layouts to responsive code.

Take Me On — A fun browser-based take on A-Ha’s 80s classic Take On Me. Note: This will ask to turn on your webcam.

Chrome Extension Development Kit — Is a Chrome extension in your future? This paid development kit comes complete with project files (built using React) enabling you to leverage your current skills into a new domain.

Kickstand UI: A Design System You Can Use Everywhere — This framework has a slew of components and utilities that are focused on accessibility via color contrast, HTML semantics, and use of ARIA.

☹️ Mozilla Laying Off 250 Employees — Sad news from the folks behind Firefox — they've laid off a quarter of their entire workforce, which reportedly includes both the DevTools and MDN teams. A troubling and unfavourable sign for the future of a diverse web. There’s been extensive discussion on Hacker News about this.

Rome: Unifying The Frontend Development Toolchain — This is an ambitious in-beta project that aims to replace Babel, ESLint, Webpack, Prettier, Jest, and more, to ostensibly simplify the frontend workflow. We’re all for it if it works. Here’s the introductory blog post.

The Definitive Introduction to Svelte with Rich Harris — Learn how the Svelte framework works, write svelte components, and take a tour through the entire Svelte API in this detailed video course.

Web History — Chapter 1: Birth — The first in a long-form series about the history of the web. This initial entry looks at the work Sir Tim Berners-Lee carried out to make the web a reality.

Some More CSS Comics — Julia is back with another batch of her excellent CSS explainer comics. There’s six to go through here, covering things such as compatibility, specificity, centering, flexbox and more.

Enhancing User Experience With CSS Animations — How to build CSS animations and transitions in your interfaces that are inclusive, accesible and will enhance your users’ experience.

Our Design Team Is Looking for a Talented UX Content Strategist — We will be creating and publishing original UX thought leadership content that ties into Activity Feeds and Chat Messaging.

content-visibility: The New CSS Property That Boosts Your Rendering Performance — The CSS content-visibility property enables web content rendering performance benefits by skipping rendering of off-screen content. Here’s how to leverage it for faster initial load times.

Optimizing CSS for Faster Page Loads — A look at just how CSS affects page load times and what you can do to improve it.

How To Configure App Color Schemes with CSS Custom Properties — A modern approach on how to set up CSS Custom Properties that respond to application colors.

The Remote Access Smart Lock That Works Without Wi-Fi — Share a PIN with family, friends, guests, and employees. Grant access any time, anywhere using our algoPIN™ technology.

Supercharging <input type=number> — The number input type provides a nice control for working with numbers on most platforms, with min and max bounds, stepping up and down, etc. But what if you want to add more power to it with custom stepping types and controls? Kilian has a go at this here.

Modern CSS Solutions — We linked to this a few months back, but a lot has been added since. A great series of posts examining modern CSS solutions to annoying problems.

Laws of UX — A collection of the key maxims that designers must consider when building user interfaces.

Coolors: A Customizable and Flexible Color Scheme Generator — There are a number of tools like this one, but this one has quite a few features including palettes from photos, export in multiple formats, share palettes via URL, and lots more.

Forge Icons: A Set of 300+ SVG Icons for a Variety of Projects — You can test them out on a dark or light background and interactively change size, stroke, and color to suit your needs.

React JS Developer (Remote) — We’re looking for an ambitious React developer to help us make komoot the place to go to plan outdoor adventures.

Find A Job Through Vettery — Vettery specializes in dev roles and is completely free for job seekers.