Remove Availability Remove Best Practices Remove Magazine Remove Open Source
article thumbnail

Optimizing Video For Size And Quality

Smashing Magazine

To figure out what exactly is the problem, we can use FFMPEG , which is open source and free, and proves to be one of the most reliable tools to optimize videos. In general, the bitrate of your video should be about 80% of the available throughput on the network. Video Playback On The Web: Video Delivery Best Practices (Part 2).

Network 143
article thumbnail

Using Modern Image Formats: AVIF And WebP

Smashing Magazine

The AV1 image file format (AVIF) is an open-source image format for storing still and animated images. It was released in February 2019 by the Alliance for Open Media (AOMedia). The goal was to develop a new open-source video coding format that is both state-of-the-art and royalty-free. Jump to table of contents ?.

Insiders

Sign Up for our Newsletter

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Trending Sources

article thumbnail

Let’s Dive Into Cypress For End-to-End Testing

Smashing Magazine

Cypress’ test runner is open-source, so it fits our product strategy. When you open Cypress for the first time, you will see this interface: Cypress’ test runner at first sight. However, due to run times, it is not advisable to cover every single available workflow. Example: Finding My Articles in Smashing Magazine.

Testing 135
article thumbnail

Implementing A Reset Password Feature With Next.js Dynamic Routes

Smashing Magazine

Well, there’s even an open-source project that literally handles authentication from the ground up. they are not in the URL), we render a text that says that the page they’re looking for isn’t available. There is a lot of information about the best practices and awesome password-reset design patterns out there.

article thumbnail

How To Choose A Headless CMS

Smashing Magazine

We’ve explored the concepts behind headless CMSes in detail here on Smashing Magazine, but let’s do a quick recap. But where do they preview the content before it is made available to the general public? A preview feature must be available in the pricing plan you have chosen for the headless CMS of your choice. Content Previews.

Cache 143
article thumbnail

Measuring The Performance Of Typefaces For Users (Part 1)

Smashing Magazine

What would the world’s most ideal, best practice and design research-driven highly legible serif, sans serif, and slab serif possibly be like? 400 pages , jam-packed with in-depth user research and best practices. It is a very interesting idea that builds on previous best practices to find an optimal solution.

article thumbnail

Gone Floating Labels And Green Lighthouse Scores

Smashing Magazine

We then adjusted our build to generate base64-strings for AVIF files automatically during the build time (if author images are available as AVIF images). Are Modern Best Practices Bad For The Web? That also makes it easy for us to remove it when we don’t need it any longer. How Can I Build An App In 10 Days? What Is CUBE CSS?

Mobile 140