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

Optimizing Video For Size And Quality

Smashing Magazine

A video with large dimensions or a high bitrate will take longer to download and will require a higher speed network to play back smoothly. 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. There is a solution though!

Network 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.

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

Smashing Podcast Episode 40 With Mike Cavaliere: What Is Chakra UI For React?

Smashing Magazine

There’s accessibility, best practices, performance and one fourth one. It’s Chakra templates, I guess, is the open source solution to Chakra Pro or the open-source competitor. Next.js, it simplifies a lot of speed related issues and accessibility related issue. I’m not thinking right now.

Website 62
article thumbnail

How To Build An Amazon Product Scraper With Node.js

Smashing Magazine

With 100s of real-life examples , guidelines and best practices that you can apply right away. So, here’s a scenario: I’m moving in a few months to a new place, and I’ll need a couple of new shelves to hold books and magazines. Web scrapers can gather content extremely fast, but you should avoid going at top speed.

Website 115
article thumbnail

How To Make Performance Visible With GitLab CI And Hoodoo Of GitLab Artifacts

Smashing Magazine

It also allows the project to be loaded faster, which is pretty important in regards to the growing mobile share and new markets with slow connection speeds and fragmented internet coverage. Let’s write a script that allows us to measure performance, a11y, best practices, and provide us with an SEO score. It’s up to you!

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. Software Development Kits (SDKs) for various technologies, languages and platforms are available directly from the Headless vendor, an open-source initiative or a third-party. Technical and sales support.

Cache 143
article thumbnail

How We Optimized Performance To Serve A Global Audience

Smashing Magazine

Largest Contentful Paint (LCP) LCP measures the perceived load speed of a webpage from a user’s perspective. For Performance Monitoring Many of you reading this may already be familiar with Next.js, but it is a popular open-source JavaScript framework that allows us to monitor our website’s performance in real-time.