Smashing Magazine

AUGUST 4, 2021

In this article, we’ll look at a React utility React.Children.toArray which lets us prepare the children prop for inspection and iteration, some of its shortcomings and how to overcome them — through a small open-source package, to keep our React code function the way it is deterministically supposed to behave, keeping performance intact.

Open Source 141

Open Source C++ Google Website 141

Smashing Magazine

APRIL 29, 2022

How Partytown Eliminates Website Bloat From Third-Party Apps. How Partytown Eliminates Website Bloat From Third-Party Apps. However, it’s not always easy to maintain high performance in websites. Even if your website is designed with usability in mind, these factors impede users from fully benefiting from the website’s features.

Website 98

Website Google Open Source Mobile 98

Smashing Magazine

AUGUST 20, 2021

The world’s first website was made from static HTML files created in a text editor. Fast-forward 30 years, and website technology has changed significantly — we have images, stylesheets, JavaScript, streaming video, AJAX, animation, WebSockets, WebGL, rounded corners in CSS — the list goes on. Mike Neumegen. released 1998.

Ecommerce 142

Ecommerce Website Government Internet 142

Smashing Magazine

MARCH 2, 2021

This requires your website or application to be heavily optimized for mobile. One of the famous examples is Flipkart , India’s largest e-commerce website. For a while, Flipkart adopted an app-only strategy and temporarily shut down its mobile website altogether. This optimization is quite complex in nature though.

Mobile 142

Mobile Testing Website Benchmarking 142

Smashing Magazine

JUNE 2, 2021

Real-life performance for your users and how the website “feels” when you’re using it should not be discounted, even if it costs you a point or two in Page Speed (otherwise, we would all just have a search bar and unstyled text). Today, the website is much faster and ranks highly in various showcases and benchmarks. Large preview ).

Performance 132

Performance Cache Website Mobile 132

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. What’s the first thing to do when testing a website? Right, we need to open the website. Getting Started.

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. When it comes to a Traditional CMS, the CMS and the resulting front-end website are built on a monolithic architecture. there was a separate subdomain for a mobile website). Infrastructure Integration.

Cache 145

Cache Website Mobile Google 145

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. A good way to start practicing this kind of sketching technique is to take an existing website and reverse engineer the sketch.

Design 139

Design Website Open Source Mobile 139

Smashing Magazine

FEBRUARY 15, 2021

By running basic optimizations of our videos before adding them to our websites, we can prevent these issues from occurring for good — well, most of them. It’s not uncommon to find websites with extremely large videos — for example, used used as hero background videos. There is a solution though! Real-World Data. Large preview ).

Network 144

Network Speed Website Mobile 144

Smashing Magazine

JULY 20, 2022

You might already know that Smashing Magazine has published the book Image Optimization by Addy Osmani, which covers this topic in full detail. JPEG.rocks , as the name suggests, is a privacy-friendly JPEG image optimizer, fully client-side and open-source. For developers who know enough JavaScript to be dangerous. JPEG.rocks.

Media 142

Media Programming Mobile Website 142

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. Visit website 2. Visit website 3. Visit website 4. Visit website 5. Visit website 6.

Development 75

Development Website Design Code 75

Smashing Magazine

SEPTEMBER 29, 2021

If you’re optimizing for the Web Vitals , you might be interested to hear that images account for ~ 42% of the Largest Contentful Paint element for websites. While decoding speed for JPEGs is excellent, it lacks other desirable features required of images on modern, eye-catching websites. JPEG is also a lossy compression format.

Open Source 145

Open Source Speed Website Google 145

Smashing Magazine

AUGUST 10, 2021

When we implement websites today, we are confronted by a lot of things we need to take care of. Ideally, we want to have a fast, secure, accessible, and fair website. At the same time, we want to have an interactive website with comments, polls, videos, code examples, and many more. Henrik Fricke. 2021-08-10T11:45:00+00:00.

Code 111

Code Website Open Source Design 111

Smashing Magazine

OCTOBER 28, 2021

As such, I urge you always to be mindful of the website while scraping, take care not to damage it, and follow ethical guidelines. Recommended Reading : “ The Guide To Ethical Scraping Of Dynamic Websites With Node.js So, it goes without saying just how big of a data treasure trove the website is. Not all websites are the same.

Website 119

Website Code Retail Design 119

Smashing Magazine

NOVEMBER 17, 2022

It has never been easier to build a personalized website, digitalize a product and start seeing results. Web performance refers to the speed at which a website loads, how fast it’s downloaded, and how an app is displayed on the user’s browser. Webpage performance test report for the Smashing Magazine website.

Media 125

Media Cache Website Mobile 125

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. I’ve called it: Paulie API and I use it for a number of my websites. Large preview ).

Serverless 126

Serverless Cloud Servers Website 126

Smashing Magazine

JULY 16, 2021

website : 1 — Welcome to GOV.UK 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. For example, let’s take the (abridged) headline tree from the GOV.UK

Strategy 143

Strategy Virtualization Government Education 143

Smashing Magazine

JUNE 29, 2021

One of the biggest pains of working with statically generated websites is the incrementally slower builds as your app grows. The code is also open-sourced on Github and you can easily deploy it yourself to check the build times. No more full-builds for a 10k page’s website. Átila Fassina. 2021-06-29T11:00:00+00:00.

Cache 139

Cache Website Strategy Traffic 139

Smashing Magazine

MAY 6, 2019

Lazy loading is a way to improve the performance of a website or web application by maximizing the rendering speed of the above-the-fold images and iframes (and sometimes videos) by deferring the loading of below-the-fold content. Your website will gradually benefit from it as support arrives to your users in most modern browsers.

Website 106

Website Best Practices Media Open Source 106

Smashing Magazine

APRIL 1, 2020

The biggest distinction is that a website can’t be built with a headless CMS on its own. Wordpress relies heavily on plugins and themes which may contain malicious codes or bugs and slow the speed of the website or blog. A CMS that gives complete freedom to build a website or a branded blog with full SEO and supports any tech stack.

Open Source 112

Open Source Website Mobile Code 112

Smashing Magazine

DECEMBER 14, 2021

I tried with loads of websites to see how they behave in iframe. I observed that most of the websites don’t work in iframe due to x-frame-options and content-security-policy headers. Now the Selenium WebDriver is being used as it provides support for the mobile experience and dynamic websites.

Testing 117

Testing Network Website Google 117

Smashing Magazine

JULY 13, 2021

The result of jQuery popularity is measurable still today: Almost 80% of the most popular websites of the world still use it. 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. It provides CSS manipulation.

Serverless 111

Serverless Code Website Servers 111

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. If you’re already familiar with the HTMHell website, then you can guess how interesting its advent calendar is going to get! Mark Fowler’s website.

Design 120

Design Development Programming Website 120

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 UI also works great with any static website, and websites that use serverless functions to handle requests to some sort of API.

Serverless 129

Serverless Lambda AWS Website 129

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

JUNE 10, 2022

Validation: Larger font sizes can take up more bandwidth, especially across larger websites, and be slower to load initially in a webpage’s first content paint. For example, the academic journal Visible Language has all journals available for free on their website. Further Reading on Smashing Magazine. Font File Size.

Performance 112

Performance Design Testing Speed 112

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

JULY 21, 2021

They’ve open sourced it, so your team can make use of it, too: Say hello to ColorBox ! A wonderful little tutorial to make your website or app shine. Google, But For Colors. You enter a search term and are presented a list of links. That’s how search engines usually work, right? Generate Colorful Backgrounds With A Few Clicks.

Social Media 145

Social Media Design Media Code 145

Smashing Magazine

NOVEMBER 4, 2021

Worked on that full-time open source for about three years I think. Matthew: So we trying to marry the new way of building things with what we think is a better architecture for a lot of websites. And in doing that, we targeted a certain kind of website. Astro is very good for portfolio websites. Drew: Yeah.

Media 106

Media Website Architecture Servers 106

Smashing Magazine

SEPTEMBER 7, 2021

Chromium is an open-source project that Chrome, Edge, Brave, and other browsers are built upon. Being based on the Chromium open source project does mean that Edge benefits from all of its features and bug fixes. To address this, Edge added a way to go directly from the tools to their documentation on Microsoft’s website.

Google 103

Google Open Source Code Media 103

Smashing Magazine

JUNE 28, 2021

Mike’s personal website. Actually, I was just checking the Cut Into The Jamstack website today, and the accessibility score is very high. I’ve done static websites. It’s Chakra templates, I guess, is the open source solution to Chakra Pro or the open-source competitor. Show Notes. Mike on Twitter.

Website 71

Website Design Open Source Code 71

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. Your users don't care how your website is constructed. What are your users actually trying to achieve and how long will they wait? You need to focus on letting them see that content as quickly as possible!

Performance 45

Performance Benchmarking Metrics Media 45

Smashing Magazine

AUGUST 3, 2023

This commitment involves prioritizing websites that offer not only relevant content but also an excellent user experience. Image source: web.dev ) ( Large preview ) While optimizing for FID and CLS was relatively straightforward, LCP posed a greater challenge due to the multiple factors involved. Here’s how we do it at Bookaway.

Performance 78

Performance Cache Traffic Metrics 78

Smashing Magazine

OCTOBER 23, 2021

Quasar Framework is an open-source Vue.js-based based cross-platform framework whose motto is : “write code once and simultaneously deploy it as a website, a mobile app and/or an Electron app”. One major advantage of Quasar is that it enables us to simultaneously deploy our project as a website, mobile app, or Electron app.

Database 129

Database Code Mobile Google 129

Smashing Magazine

NOVEMBER 5, 2018

This is the reason why GIF heavy websites like Giphy, Imgur and the likes do not use the actual GIF format, but rather convert it to HTML5 video and serve those to users instead. ffmpeg is a free and open source command line tool that is designed for the processing of video and audio files.

Performance 64

Performance Website C++ Open Source 64

Smashing Magazine

SEPTEMBER 6, 2021

Luckily, multiple companies have been working on open-source QUIC and HTTP/3 implementations for over five years now, so we have several mature and stable options to choose from. Your user has requested that you navigate to example.com (a website you’ve never visited before), and you’ve used DNS to resolve that to an IP.

Network 120

Network Servers Cache Traffic 120

Smashing Magazine

NOVEMBER 2, 2021

When dealing with e-commerce at some point, you probably have heard, and perhaps used Magento, an open-source e-commerce platform. However, at the end of 2020, about 1% of websites included a Service Worker, and 2.2% The pages can be crawled, indexed, and ranked, as it happens with regular websites. Coding From Scratch.

Code 90

Code Cache Mobile Retail 90