Forma 36 v4 released, deep dive into AVIF images and event recaps

Forma 36 v4 is in beta — and we’re really excited to see how you use it

The beta v4 version of Forma 36, Contentful’s open-source design system built in React, is now available! With this release, you’ll enjoy accessibility improvements, API updates and greater speed. 

How to load responsive images in AVIF and WebP using the HTML <picture> element

On our blog Salma takes an in-depth look at the new AVIF image formatting, outlining the benefits of AVIF, how image compression works and ways you can integrate AVIF into various projects.

Next.js Dynamic Routes With Contentful's GraphQL API

Are you curious about dynamic routes in Next.js? Check out our recent livestream where Salma teaches you how to use Contentful’s GraphQL API with Next.js!

Product release roundup: Fall ‘21 edition

From AVIF image conversion to tasks apps, webhooks and more, catch up on Contentful’s latest product releases with the fall edition of our quarterly release roundup video series.

Join the Contentful team!

If you’re on the hunt for a new position, check out our careers page. We have openings spanning many departments including sales, engineering, finance and product. We’re also on the lookout for a new developer experience team leader! Please don’t hesitate to apply or make referrals — we’d love to have you on our team.

Events

The Contentful developer relations team has been busy this past month, making many event appearances. Salma chatted with GitHub about her experience in developer relations and Stefan hosted a webinar on how to use AWS Amplify and Contentful.

Before we let you go — we’d like to share some highlights from Fast Forward 2021. If you couldn’t make it to our annual conference this November, you can catch up by watching recordings of conference sessions or reading our day one and day two wrap-up blog posts. 

To stay informed on future events, visit our developer events page.

Links we like

History of the Web

If you’re curious about why things on the web are the way they are, check out Jay Hoffmann’s Web History series. He writes in-depth blog posts on every topic you can think of from the origin of IMG tags to the rise and fall of Geocities. 

VS Code Pets

This Visual Studio code extension by Anthony Shaw adds a pet to your text editor so you have company as you code. Choose from a variety of animals including a cat, dog, snake or even Clippy! But be warned, due to excessive cuteness you may experience a decrease in productivity after installation.

Alda - A music programming language

Want to combine music with code? Check out Alda, a music programming language created by Dave Yarwood. With Alda, you can write and play music using just the command line and your text editor.

Changelog

Environments governance

We’ve extended roles and permissions to give admins control over which environments users do and do not have access to based on their roles. Roles with access to specific environments will have working policies and permissions, ensuring consistency and smooth collaboration. 

Schedule your content releases with apps

Apps can now access releases and releases can access both actions and scheduled actions. This makes planning and scheduling your content even easier.

Improvements to the visibility of reference tree filters

In Launch, we’ve improved the "add to release" flow of the reference tree, making it easier to find the entries that are important to your release based on their state (e.g., draft, changed, published).

AVIF image format for the GraphQL Content API

We’ve added AVIF as an option for formatting image URLs to the GraphQL Content API asset type.

Enjoy the rest of the month and we’ll touch base in the new year!

That’s it for December! Visit our developer portal for even more news. The portal also houses developer blog posts, videos and tutorials. As always, feel free to contact us on Slack or Twitter to let us know how we can better support your awesome builds.