Smashing Magazine

MAY 25, 2021

Smashing Magazine, like most publishers, makes use of web fonts and the below screenshot shows the difference between the initial render (with the fallback fonts), and the final render (with the web fonts): Smashing Magazine article with fallback font and with full web fonts. Large preview ). Large preview ).

Operating System 143

Operating System Google Website Cache 143

Smashing Magazine

JUNE 2, 2021

The design was made by a design and UX agency that also handled the HTML prototype (based on Bootstrap 4). For the launch, we mostly focused on getting the new design out the door, but once the website’s relaunch went live, we started focusing our attention on turning the red and orange scores to greens. Large preview ).

Performance 115

Performance Cache Website Mobile 115

Brendan Gregg

FEBRUARY 28, 2023

My personal opinion is that I don't see a widespread need for more capacity given horizontal scaling and servers that can already exceed 1 Tbyte of DRAM; bandwidth is also helpful, but I'd be concerned about the increased latency for adding a hop to more memory.

Performance 52

Performance Latency Cache Virtualization 52

Smashing Magazine

AUGUST 9, 2022

It graphs server, network, CSS, Javascript, critical content, and image optimizations to show the potential savings you could gain by incorporating fixes into your site. Continue reading below ↓ Meet Smashing Email Newsletter with useful tips on front-end, design & UX. More after jump! Your (smashing) email. Once a week.

Performance 130

Performance Benchmarking Website Metrics 130

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. The compression, in this case, seems to be on the server side, so you’ll get much faster results. compresses images on the server. Squoosh is designed by the Chrome Labs team.

Media 134

Media Programming Mobile Website 134

Smashing Magazine

NOVEMBER 9, 2021

To do that, you develop a personalized design style, including a certain combination of colors, typography, spacing, animations, and others, and apply the style consistently throughout your site. An example in case is this same website, Smashing Magazine. What about images? It makes more sense to automate this task. Conclusion.

Website 103

Website Social Media Media Design 103

Rigor

SEPTEMBER 11, 2019

Rachel is the Editor-in-Chief of Smashing Magazine, a British web developer, writer, and speaker. Vitaly is a co-founder of the Smashing Magazine brand. He served as the Editor-in-Chief of Smashing Magazine until October 2017 when he passed the baton to the remarkable Rachel Andrew. The future of HTTP/2 server push.

Performance 89

Performance Education Google Website 89

Smashing Magazine

DECEMBER 23, 2020

You can find a comprehensive Beginner’s Guide To Progressive Web Apps on Smashing Magazine that focuses on building the core of PWAs. The service workers also retrieve the latest data once the server connection is restored. You can also specify third-party server files by using rel=”preconnect” and rel=”dns-prefetch.”.

Cache 123

Cache Internet Internet Google 123

Smashing Magazine

AUGUST 10, 2023

The tooling to get a report with details from the time it takes to establish a server connection to the time it takes for the full page to render is out there. Certain tools are designed for certain metrics with certain assumptions that produce certain results. Lighthouse results.

Speed 81

Speed Monitoring Testing Network 81

KeyCDN

OCTOBER 2, 2018

Codrops Codrops features blogs with topics ranging from UI design and page animations to image formatting and general JavaScript practices. A List Apart A List Apart focuses on UX and branding from business and design-oriented perspectives. Topics include web design, security, web-based tools and workflows and more.

Development 75

Development Website Design Code 75

Smashing Magazine

JUNE 9, 2022

From the developer’s perspective, frontend tooling gives us: the ability to author modules, a dev server for local development, Hot Module Replacement (HMR) for a shorter feedback loop in development mode, the ability to target legacy browsers with polyfills, processing a host of filetypes apart from JavaScript, the list goes on.

Code 109

Code Processing Cache Development 109

Smashing Magazine

NOVEMBER 19, 2021

We’ll be focusing on three places where you can get the wildcard: Server Side In getServerSideProps , Client Side With useEffect , Server Side On API Routes And Edge Functions. Continue reading below ↓ Meet Design The Perfect Navigation , with Vitaly Friedman. Server Side In getServerSideProps. More after jump!

Servers 83

Servers Website Code Best Practices 83

SQL Performance

JANUARY 23, 2020

Tom Davidson, Opening Microsoft's Performance-Tuning Toolbox SQL Server Pro Magazine, December 2003. Waits and Queues has been used as a SQL Server performance tuning methodology since Tom Davidson published the above article as well as the well-known SQL Server 2005 Waits and Queues whitepaper in 2006.

Tuning 115

Tuning Servers Monitoring Hardware 115

Smashing Magazine

JUNE 2, 2021

On design systems, CSS/JS and smart interface design patterns. Smashing Magazine article with fallback font and with full web fonts. Core Web Vitals articles here on Smashing Magazine, including my own on Setting Width and Heights on Images , Measuring Core Web Vitals , and CSS Font Descriptors. Large preview ).

Media 125

Media Metrics Website Google 125

Smashing Magazine

MARCH 7, 2022

That’s not to say the extraneous content is pointless — enhanced design and user interfaces can have an important impact on the brand of a website, and delightful little extras can really impact your users’ relationship with your site. For Smashing Magazine, that involved dropping some of our web fonts. And Is It Used?

Website 103

Website Media Mobile Network 103

Smashing Magazine

MAY 23, 2022

Whenever we export an icon from a design tool, it comes with a specific fill and other color values defined in the design. On design systems, UX, web performance and CSS/JS. We’ve been using gradients on the Web for a while, and they’ve become a staple in design. Further Reading on Smashing Magazine. counter-reset.

Media 140

Media Tuning Design Website 140

Smashing Magazine

OCTOBER 29, 2019

Considering how important images are to web design, this isn’t an element we can dispose of so easily nor can we afford to cut corners when it comes to optimizing them. Designers can use WebP lossy encoding on RGB colors and lossless encoding on images with transparent backgrounds (alpha channel). So, what’s the solution?

Website 72

Website Speed Cache Google 72

Smashing Magazine

SEPTEMBER 21, 2021

Designing and implementing these graphical interfaces takes a lot more work. Meet Adam Silver’s Form Design Patterns , a practical guide to designing and building forms for the web. Finally, if you have some tasks to do on remote servers, you’ll often end up using the shell. Further Reading on Smashing Magazine. “

Development 98

Development Energy Programming Efficiency 98

Smashing Magazine

JANUARY 15, 2019

In 2013, A List Apart published Sustainable Web Design by James Christie. So, apart from powering servers with renewable energy, what else can web developers do about climate change? This includes the work done by the server, the client and the intermediary communications networks that transmit data between the two.

Website Performance 73

Website Performance Website Energy Performance 73

Smashing Magazine

SEPTEMBER 17, 2021

Gatsby Functions open up a whole new world for front-end developers as they provide a way to write and use server-side code without the hassle of maintaining a server. Third-party services like the ones mentioned above will only accept requests that are sent server-side. Gatsby Serverless Functions. More after jump! Once a week.

Open Source 114

Open Source Serverless Software Software 114

KeyCDN

JANUARY 16, 2019

The concept of responsive web design has been around for a while, but all of the kinks have yet to be ironed out. They act as a sort of liaison between the client and the server to put together the best page layout possible. One of the biggest challenges of responsive web design is creating clean markup. Why Use Client Hints?

Servers 67

Servers Google Website Energy 67

Smashing Magazine

NOVEMBER 8, 2021

From connecting back-office operations to front-of-the-house A/B testing and dynamic personalization for each customer, the shared foundation is fast server-side rendering powered by fast storefront data access. Hydrogen fuels dynamic commerce by uniting React Server Components, streaming server-side rendering, and smart caching controls.

Cache 135

Cache Best Practices Strategy Servers 135

Smashing Magazine

MARCH 2, 2021

This goes way beyond basic optimizations such as color contrast and server response times. While many of us, designers and developers, are likely to have a relatively new mobile phone in our pockets, a vast majority of our customers isn’t quite like us. Testing the Smashing Magazine website on different devices. Large preview ).

Mobile 133

Mobile Testing Website Benchmarking 133

Smashing Magazine

AUGUST 3, 2023

These pages serve as a pivotal tool in our digital marketing strategy, not only providing valuable information about our services but also designed to be easily discoverable through search engines. Time To First Byte (TTFB) This is the time it takes for the first piece of information from the server to reach the user’s browser.

Performance 74

Performance Cache Traffic Metrics 74

Smashing Magazine

OCTOBER 24, 2023

A measly front-end designer like me can be blissfully ignorant of all this mumbo-jumbo. Let’s look at it for a site that’s much “heavier” than Smashing Magazine. A font is a branding consideration as well as a design asset that can enhance the legibility of a site’s content. Hey, look at that — great job, team!

Google 90

Google Analytics Traffic Metrics 90

Smashing Magazine

OCTOBER 26, 2021

We will go through how to set up an Nx server, how to add a plugin to an existing server, and the concept of a monorepo with a practical visualization. Continue reading below ↓ Meet Smashing Email Newsletter with useful tips on front-end, design & UX. entry file. /** * This is not a production server yet!

Cache 109

Cache Servers Code Storage 109

Smashing Magazine

SEPTEMBER 28, 2022

The resource loading waterfall is a cascade of files downloaded from the network server to the client to load your website from start to finish. On design systems, UX, web performance and CSS/JS. Client Side Rendering, Server Side Rendering And Jamstack. But during SSR, the client retrieves the HTML from the server.

Cache 125

Cache Performance Servers Social Media 125

Smashing Magazine

NOVEMBER 17, 2022

Webpage performance test report for the Smashing Magazine website. At first glance, it seems like a simple task, but in the background, browsers do a tedious job of calculating the size of these images in different scenarios: For images that are resized in responsive design. The change of design. Large preview ).

Media 105

Media Cache Website Mobile 105

Smashing Magazine

SEPTEMBER 20, 2021

When your content is delivered by other means, from other servers or platforms, it can put the user experience and commercial relationship you have built up with your users at risk. Meet Adam Silver’s Form Design Patterns , a practical guide to designing and building forms for the web. Further Reading on Smashing Magazine.

Website 89

Website Analytics Google Cache 89

Smashing Magazine

OCTOBER 11, 2022

All industries have a part to play, and that includes web design and development. For example, changing our database architecture to be more efficient could save on server costs. On design systems, UX, web performance and CSS/JS. Tom Greenwood’s book, Sustainable Web Design is packed with advice for building low-carbon websites.

Strategy 123

Strategy Development Energy Website 123

Smashing Magazine

JUNE 10, 2021

Meet Smashing Email Newsletter with useful tips on front-end, design & UX. Subscribe and get “Smart Interface Design Checklists” — a free PDF deck with 150+ questions to ask yourself when designing and building almost anything. It’s beautiful! Your (smashing) email. Once a week. Useful tips on front-end & UX.

Cache 105

Cache Website Best Practices Network 105

Smashing Magazine

JANUARY 6, 2020

Is it worth exploring tree-shaking, scope hoisting, code-splitting, and all the fancy loading patterns with intersection observer, server push, clients hints, HTTP/2, service workers and — oh my — edge workers? Without a strong alignment between dev/design and business/marketing teams, performance isn’t going to sustain long-term.

Performance 145

Performance Cache Network Metrics 145

Smashing Magazine

JANUARY 11, 2021

Performance isn’t just a technical concern: it affects everything from accessibility to usability to search engine optimization, and when baking it into the workflow, design decisions have to be informed by their performance implications. Looking back now, things seem to have changed quite significantly. What does it mean?

Performance 145

Performance Cache Media Metrics 145

Smashing Magazine

JANUARY 7, 2019

Is it worth exploring tree-shaking, scope hoisting, code-splitting, and all the fancy loading patterns with intersection observer, server push, clients hints, HTTP/2, service workers and — oh my — edge workers? Without a strong alignment between dev/design and business/marketing teams, performance isn’t going to sustain long-term.

Performance 103

Performance Cache Metrics Network 103

Smashing Magazine

SEPTEMBER 9, 2021

This occurs when you are revalidating the page on the server. The first solution that comes to mind may be to simply server side render the pages, ensuring that the client is always sent the most up to date data. seconds for the Server Side Rendering variant (plus a warning regarding initial server response time).

Cache 102

Cache Internet Internet Servers 102

Smashing Magazine

AUGUST 5, 2021

Frustrating Design Patterns: Disabled Buttons. Frustrating Design Patterns: Disabled Buttons. After all, as designers and developers, we want to make it more difficult for our users to make mistakes. We want to ensure that the input is perfectly correct before the data is even sent to the server. Part Of: Design Patterns.

Design 145

Design Transportation Code Systems 145

Smashing Magazine

MAY 20, 2021

When evaluating whether it’s better for us to create our own platform, or to use a third-party service, there are some things that we should consider: Designing and creating authentication services is not our core skill. We should add the production URLs when we deploy the final version of our app to the hosting server. application.

Serverless 113

Serverless Servers Programming Database 113