Smashing Magazine

AUGUST 20, 2021

I vividly remember receiving a PC Magazine for my birthday with a trial of Dreamweaver. It was a battle of not only proprietary vs open source but also static vs dynamic. Smashing Magazine powered by Netlify. With MovableType, you had everything you needed to manage your blog. MovableType really was before its time.

Ecommerce 142

Ecommerce Website Government Internet 142

Smashing Magazine

MARCH 2, 2021

In such cases, a good starting point is Responsively , a free open-source tool with mirrored interactions, customizable layout, 30+ built-in device profiles, hot reloading and screenshot tools. Testing the Smashing Magazine website on different devices. LT Browser in action. Large preview ). Conclusion.

Mobile 142

Mobile Testing Website Benchmarking 142

Brendan Gregg

FEBRUARY 28, 2023

As I was determined to become great at my new occupation regardless of my location, I read every sysadmin book, article, and magazine I could find on the shelf.

Performance 103

Performance Latency Cache Google 103

Smashing Magazine

SEPTEMBER 14, 2021

Everyone needs to be a “designer” from time to time; from creating a quick personal homepage, a landing page for a new open-source project, or creating nice-looking slides for their next presentation. Further Reading On Smashing Magazine. Grab a piece of paper and a pen, and let’s get started! Why To Start With Paper.

Design 139

Design Website Open Source Mobile 139

Smashing Magazine

FEBRUARY 15, 2021

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. You can test the different videos with StreamOrNot , a little open source project that I’ve released a while back. But what do we need to fix it?

Network 144

Network Speed Website Mobile 144

Smashing Magazine

SEPTEMBER 27, 2021

Cypress’ test runner is open-source, so it fits our product strategy. Example: Finding My Articles in Smashing Magazine. I want to write a test for this website, Smashing Magazine. I only use a slash to open the website of Smashing Magazine. You can also make the test wait for animations and API responses.

Testing 138

Testing Website Code Efficiency 138

Smashing Magazine

JULY 6, 2021

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 145

Cache Website Mobile Google 145

KeyCDN

OCTOBER 2, 2018

It also includes a handy CSS reference, a web development experiment playground, tutorials, blueprints to get started from and Collective - a digital design magazine that makes it easy to keep up with trends. Smashing Magazine Smashing Magazine is an established resource for those who want to master the front end.

Development 75

Development Website Design Code 75

Smashing Magazine

DECEMBER 27, 2021

Gatsby is an open-source framework built on top of React. Further Reading On Smashing Magazine. Monetize Open-Source Software With Gatsby Functions And Stripe. Building Gatsby Themes For WordPress-Powered Websites. Building Gatsby Themes For WordPress-Powered Websites. Paulina Hetman. 2021-12-27T10:30:00+00:00.

Website 134

Website Code Open Source Availability 134

Smashing Magazine

OCTOBER 28, 2021

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. An open-source library that helps us extract useful information by parsing markup and providing an API for manipulating the resulting data. Feel free to work in parallel with the guide.

Website 119

Website Code Retail Design 119

Smashing Magazine

AUGUST 19, 2022

Well, there’s even an open-source project that literally handles authentication from the ground up. Further Reading On Smashing Magazine. “ In a general sense, authentication poses itself as a roadblock to many people when they are trying to get started with a particular framework, and Next.js isn’t left behind.

Processing 125

Processing Availability Best Practices Open Source 125

Smashing Magazine

JULY 16, 2021

If you happen to be interested in learning how to accomplish the exact same concept using React, friend of the show magazine Heydon Pickering wrote about the topic back in 2018 and supplied React/JSX sample code.

Strategy 143

Strategy Virtualization Government Education 143

Smashing Magazine

OCTOBER 22, 2021

The first prototype was built using the open-source game engine Phaser.js , mostly for the included physics engine and because I already had some experience with it. is an open-source alternative to Firebase. Further Reading on Smashing Magazine. “ Autowuzzler (beta) with six concurrent players in two teams.

Games 114

Games Servers Database Virtualization 114

Smashing Magazine

AUGUST 10, 2021

Indiepen is our first open-source project and we are very excited to share our ideas with you. Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. On design systems, CSS/JS and UX. Jump to online workshops ?. Final Words.

Code 111

Code Website Open Source Design 111

Smashing Magazine

OCTOBER 19, 2021

I maintain an Open-source project called MDX Embed , you’ll see from the docs site that it’s not a Gatsby website. You can read more about how I did that here: Monetize Open-Source Software With Gatsby Functions And Stripe. They are as follows: The front end couldn’t support Serverless Functions.

Serverless 126

Serverless Cloud Servers Website 126

Smashing Magazine

APRIL 29, 2022

Partytown is a lightweight open-source solution that reduces execution delays due to third-party JavaScript by offloading third-party scripts to web workers, which run in background threads. This frees up the browser’s main thread to run your own code. It’s maintained by Builder.io and is currently in beta. Builder.io

Website 98

Website Google Open Source Mobile 98

Smashing Magazine

NOVEMBER 17, 2022

Webpage performance test report for the Smashing Magazine website. It is an open-source AV1 image file format for storing still and animated images with better lossy and lossless compression than most popular formats on the web today, offering a 50% saving in file size compared to JPEG. Large preview ).

Media 125

Media Cache Website Mobile 125

Brendan Gregg

FEBRUARY 28, 2023

As I was determined to become great at my new occupation regardless of my location, I read every sysadmin book, article, and magazine I could find on the shelf.

Performance 52

Performance Latency Cache Google 52

Smashing Magazine

JUNE 3, 2022

Further Reading on Smashing Magazine. 7 Gorgeous Free And Open-Source Typefaces And When To Use Them ,” Noemi Stauffer. “ We will look deeply at how we can test typefaces and how to get the best out of it. Stay tuned! Micro-Typography: How To Space And Kern Punctuation Marks And Other Symbols ,” Thomas Bohm. “

Performance 123

Performance Design Best Practices Testing 123

Smashing Magazine

APRIL 1, 2020

An open-source tool that wraps custom SQL databases with a dynamic API and provides an intuitive admin app for managing its content. You can also use the open-source single page application Sanity Studio to quickly set up an editing environment that you can customize. Netlify CMS. GraphCMS And GraphQL.

Open Source 112

Open Source Website Mobile Code 112

Smashing Magazine

JULY 13, 2021

It is an open-source React framework that offers features to generate static pages, create server-side rendered pages, and combine both types in the same application. With this new approach and the popularity that Single Page Applications started to gain, a lot of developers started to use React for their web application projects.

Serverless 111

Serverless Code Website Servers 111

Smashing Magazine

JUNE 10, 2022

Further Reading on Smashing Magazine. 7 Gorgeous Free And Open-Source Typefaces And When To Use Them ,” Noemi Stauffer. “ Alma Hoffmann (editing and feedback), Kevin Larson (feedback), Karel van der Waarde (extensive comments and feedback), and Erik Spiekermann (feedback).

Performance 112

Performance Design Testing Speed 112

Smashing Magazine

SEPTEMBER 2, 2021

Image source: Elevator Saga ). Screeps is an open-source massive multiplayer online real-time strategy game that lets you use real JavaScript code to build a colony, mine resources, conquer territory, and more. So you’ll not only brush up on your JavaScript but also on using a foreign API.

Development 145

Development Games Education Programming 145

Smashing Magazine

MAY 6, 2019

When a new browser technology is released to a single browser, the open-source community usually releases a JavaScript polyfill to provide the same technology to the rest of the browsers. Unfortunately, native lazy loading is not a feature we can polyfill with JavaScript. No Use For A Polyfill. A Little Third-Party Help.

Website 106

Website Best Practices Open Source Media 106

Smashing Magazine

JUNE 29, 2021

The code is also open-sourced on Github and you can easily deploy it yourself to check the build times. Our fallback was set to false because if a route was not a match, we wanted Next.js to throw a 404: Not Found page. You can check both versions deployed to Netlify: With On-Demand Builder: code , live. Build Times.

Cache 139

Cache Website Strategy Traffic 139

Smashing Magazine

DECEMBER 14, 2021

Selenium WebDriver is open source; It offers bindings for every major programming language; Works across multiple OS. Now the Selenium WebDriver is being used as it provides support for the mobile experience and dynamic websites. It mimics a real user interacting with the webpage. Advantages Of Using Selenium WebDriver.

Testing 117

Testing Network Website Google 117

Smashing Magazine

JULY 26, 2021

If you’re interested to know more about how GeoJsonGeometry works, here’s the open-source repository for reference: [link]. You don’t have to set the radius to the same value but it makes sense to use the same radii for ThreeSphere and ThreeGeo.

Serverless 145

Serverless Code Servers Open Source 145

Speed Curve

OCTOBER 19, 2015

In the chart below, we can see why Smashing Magazine is so much faster - they're simply delivering a lot less JavaScript. These two sets of metrics can paint very different pictures and it’s the reason SpeedCurve is built on WebPageTest the leading open source performance tool.

Performance 45

Performance Benchmarking Metrics Media 45

Smashing Magazine

AUGUST 12, 2021

Still, the plugin is open-source, has a large community around it, and the creators are actively maintaining it. If you want to remove some of the friction that turning a Figma prototype into a working application can bring along, Klaus Schaefer’s open-source plugin Figma-Low-Code is for you. Jump to online workshops ?.

Google 145

Google Design Code Mobile 145

Smashing Magazine

AUGUST 28, 2020

It’s free and open source. Built by experienced developers, it takes care of much of the hassle of Web development, so you can focus on writing your app without needing to reinvent the wheel. — DjangoProject.com.

Virtualization 144

Virtualization Database Code Processing 144

Smashing Magazine

OCTOBER 26, 2021

Nx is an open-source build framework that helps you architect, test, and build at any scale — integrating seamlessly with modern technologies and libraries, while providing a robust command-line interface (CLI), caching, and dependency management. To follow along, you will need basic knowledge of the Next.js What Is Nx?

Cache 121

Cache Servers Code Testing 121

Smashing Magazine

DECEMBER 2, 2021

The project is available in twenty languages, and encourages all kinds of contributions to open-source projects — including non-pull-request contributions. 24 Pull Requests. 24 Pull Requests is a yearly initiative to encourage contributors around the world to send 24 pull requests between December 1st and December 24th.

Design 120

Design Development Programming Website 120

Smashing Magazine

MAY 17, 2021

After learning some lessons while working with Web Vitals and BigQuery, we decided to bundle up this functionality and release these tools as open-source at vitals.dev. This architecture means we can inexpensively capture about as many data points as we can generate. Large preview ).

Google 111

Google Analytics Serverless Metrics 111

Smashing Magazine

NOVEMBER 3, 2021

According to the docs on GitHub: “Serverless UI is simply a free, open-source command-line utility for quickly building and deploying serverless applications on the AWS platform.”.

Serverless 129

Serverless Lambda AWS Website 129

Smashing Magazine

NOVEMBER 22, 2021

There are various performance budgeting products and open-source tools available, but we decided to create our own custom budgeting service called Perfer. When such a regression does occur it breaks the build, forcing the team to fix it before deployment can proceed.

Website 141

Website Performance Google Website Performance 141

Smashing Magazine

OCTOBER 8, 2021

Sanity pairs a real-time data store with three open-source tools: a powerful query language (GROQ), a CMS (Sanity Studio), and a rich-text data specification (Portable Text). Portable Text is an open-source specification designed to treat rich text as data. Portable Text. The final view for an editor in the Sanity Studio.

Serverless 92

Serverless Cache Open Source Code 92

Smashing Magazine

JUNE 1, 2022

A new open-source project called Partytown provides a library that implements a communications layer to make this work. Doing this is not trivial since Web Workers are limited to asynchronous communications with the main thread and many third-party scripts except synchronous access to browser resources, such as documents and windows.

Website 138

Website Design Network Testing 138