Smashing Magazine

MARCH 2, 2020

Music magazines were popular too. Even twenty-five years after he created them, Brody’s pages from The Face magazine are still remarkable designs. Inspired Design Decisions: Avaunt Magazine. Music magazines from 1980 including The Face (far right). Local screen-printing workshops offered affordable flyers and posters.

Design 105

Design Media Testing Entertainment 105

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. You’ll also find example code or references to more specific guides so you can implement these tips to your PWA. Skeleton screen examples on Code My UI. Large preview ). — Google.

Cache 126

Cache Internet Internet Google 126

Smashing Magazine

NOVEMBER 24, 2021

Apart from car dashboards and tech magazine covers of the 80s that still seem (fairly) familiar, you’ll find gems like four-buttoned remote controls from the 40s or retro-futuristic concepts, among them a smartwatch from the 80s that is essentially a shrunken PC worn on the wrist. Image credit: Control Panel ). and the GSAP Library.

Website 125

Website Design Games Open Source 125

Smashing Magazine

SEPTEMBER 27, 2021

Makes sense — with these measures, we can ensure that our application is working correctly and that no future changes will break our code. With detailed code walkthroughs , hands-on examples and common gotchas — all broken down into short, manageable lessons. Example: Finding My Articles in Smashing Magazine. cypress.json.

Testing 136

Testing Website Code Efficiency 136

Smashing Magazine

AUGUST 8, 2019

I started a magazine collection, studied books on art direction and graphic design, and discovered art directors, including Alexey Brodovitch, Neville Brody, Bea Feitler, and Tom Wolsey. Inspired Design Decisions: Avaunt Magazine. Magazine Anatomy. Time away helped me rediscover my enthusiasm for design. Ernest Journal.

Design 81

Design Energy Website Media 81

Smashing Magazine

DECEMBER 7, 2023

The fact that INP is already available in performance reports means we have an opportunity to familiarize ourselves with it today, in advance of its release. This is readily available in PageSpeed Insights and Google Search Console, not to mention DebugBear. That’s what this article is all about.

Traffic 98

Traffic Metrics Google Monitoring 98

Smashing Magazine

SEPTEMBER 5, 2019

Before writing Art Direction for the Web , I began to study Alexey Brodovitch when I became fascinated by editorial and magazine design. Then, I became intrigued by his design process, how he sketched layouts, arranged them into spreads, and created a rhythm which flowed through his magazines. Inspired Design Decisions: Ernest Journal.

Design 81

Design Media Website Development 81

Smashing Magazine

DECEMBER 2, 2021

It saves you the stress of hard hard-coding your independent routes. With detailed code walkthroughs , hands-on examples and common gotchas — all broken down into short, manageable lessons. The environment variable (which is our API key) can only be available in development mode. Further Reading On Smashing Magazine.

Servers 132

Servers Lambda Code Processing 132

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. Check out the Almanac for CSS property and selector-specific insights, or dive straight into the Snippets to grab some reusable code.

Development 75

Development Website Design Code 75

Smashing Magazine

NOVEMBER 19, 2021

In code, that looks like this: export async function getServerSideProps(context) { let wildcard = context.req.headers.host.split(".")[0]; Here’s how that code looks like: // useEffect and useState must be imported from 'react' const [wildcard, setWildcard] = useState("") useEffect(() => { setWildcard(window.location.hostname.split(".")[0])

Servers 87

Servers Website Code Best Practices 87

Smashing Magazine

AUGUST 10, 2023

Even with all of the available tools at my disposal, I still find myself reaching for several of them. And we can get that with real-user monitoring (RUM) where a snippet of code on my site collects real data based on from real network conditions coming from real users is sent to a server and parsed for reporting. Lighthouse results.

Speed 82

Speed Monitoring Testing Network 82

Smashing Magazine

OCTOBER 3, 2019

Inspired Design Decisions: Avaunt Magazine. After learning about Alexey Brodovitch ’s influential work on Harper’s Bazaar until the 1950s, I wanted to know the impact his legacy had on the magazine. Feitler has as much to teach people who design for the web as she did the magazine designers who followed her. Large preview ).

Design 79

Design Media Website Speed 79

Smashing Magazine

OCTOBER 15, 2018

Smart Bundling: How To Serve Legacy Code Only To Legacy Browsers. Smart Bundling: How To Serve Legacy Code Only To Legacy Browsers. This isn’t surprising given that ES6+ provides a more compact and expressive way to represent the equivalent logic and that transpilation of some of these features to ES5 can require a lot of code.

Code 59

Code Retail Mobile Website 59

Smashing Magazine

DECEMBER 27, 2021

Both are available via the official WordPress plugins repository and do not require any configuration. This setup assumes that the themes are available via some npm repository, which means we’ve already published them. In addition to themes, we will also need a demo workspace from which we will try out our code.

Website 130

Website Open Source Code Availability 130

Smashing Magazine

OCTOBER 24, 2023

You know, have a plan for it and write code that’s mindful about adding extra weight to the page. But not everything about performance happens directly at the code level, right? I’d say many — if not most — sites and apps rely on some number of third-party scripts where we might not have any influence over the code.

Google 94

Google Analytics Traffic Metrics 94

Smashing Magazine

JULY 16, 2021

Let’s progress from theoretical considerations into hands-on code. In the following code block, you see a component listing the newest problems in an online shop. Let’s write a piece of simplified dream code for this situation. applications, you can, of course, recreate the code examples above. I’m the live region.

Strategy 141

Strategy Virtualization Government Education 141

Smashing Magazine

FEBRUARY 27, 2024

If you haven’t heard, INP is replacing the First Input Delay (FID) metric, something you can read all about here on Smashing Magazine as a guide to prepare for the change. But what code is actually running and causing those delays? But that’s not what I really want to talk about. And does the type of LCP element impact the LCP score?

Performance 99

Performance Metrics Monitoring Google 99

Smashing Magazine

JULY 19, 2021

Between an endless amount of code to make sure you’re providing full coverage and dealing with the fragile nature of front-end tests — where a simple selector change can completely break an end-to-end workflow — it can sometimes feel like an uphill battle. They’re all testing the code. add-to-cart').click();

Testing 142

Testing Code Design Strategy 142

O'Reilly

FEBRUARY 13, 2024

Is the entire corpus available (I doubt it), or just certain random articles? Open source has always been about source code, rather than data; but that is changing. Could I get ChatGPT to produce an article from page 37 of the September 18, 1947 issue? Or, for that matter, an article from The Chicago Tribune or The Boston Globe ?

Open Source 95

Open Source Strategy Government Tuning 95

Smashing Magazine

APRIL 13, 2020

Inspired Design Decisions: Avaunt Magazine. In pre-war American advertising agencies, the job of a layout artist was simply to place headlines, copy, and images into available space, but that changed after WW2 with an influx of immigrant designers from Europe. U&lc (Uppercase and lowercase) magazine by Herb Lubalin.

Design 118

Design Media C++ Technology 118

Smashing Magazine

OCTOBER 28, 2021

But first of all, I’d like to make something clear right now — while the act of scraping publicly available data is legal, Amazon has some measures to prevent it on their pages. You need to adapt your scraper’s code for a specific system , and if you use the same script on a new kind of page, you’d have to rewrite parts of it.

Website 116

Website Code Retail Best Practices 116

Smashing Magazine

OCTOBER 29, 2021

A freely available online version of the classic reference book, The Elements of Style by William Strunk, Jr. They have a wide range of low-cost and even free tutorials available on demand. There’s a special offer for Smashing Magazine readers. Use the code 40OFF at checkout to get 40% off! The Elements of Style.

Energy 121

Energy Best Practices Design Availability 121

Smashing Magazine

JULY 13, 2021

Although, jQuery is a library that contains a lot of code and features that are not needed anymore. If we are using jQuery in our application, we should have some HTML content that is generated in the web server, and JavaScript code that adds interactivity to the page. impose on us, and that is ok. Instead of doing: $.ajax({

Serverless 111

Serverless Code Website Servers 111

Smashing Magazine

MAY 24, 2021

In the worst-case scenario, this variation would be added with style override which would lead to code duplication and specificity issues.product-card { /* Default card style */ }.product-card--narrow Container queries are an experimental feature , available currently in Chrome Canary version at the time of writing this article.

Strategy 129

Strategy Media Code Mobile 129

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. All functionality and integrations would also have a tight dependency which in turn results in a large, cumbersome monolithic code base. Comprehensive documentation and code samples are also a must. Native SDKs.

Cache 144

Cache Website Mobile Google 144

Smashing Magazine

SEPTEMBER 20, 2021

They all generally are instrumented as JavaScript processes that are loaded onto your site’s web pages through a tag or snippet of loader code. Typically, these would be pages that might no longer be available on the site but are available in third-party archives. Turning The Data Into Information.

Website 92

Website Analytics Cache Google 92

Smashing Magazine

AUGUST 19, 2022

A lot of people even dread the “reset-password” page because, come to think of it, after spending a lot of time trying to guess their passwords — all to no avail — they’re either frustrated or angry as they land on this particular page. Further Reading On Smashing Magazine. “ More after jump! Thank you for reading.

Processing 114

Processing Availability Best Practices Open Source 114

Smashing Magazine

MAY 9, 2022

You can see the complete list of reasons for the Chrome source code , with a bit more explanation in this sheet. Third-party scripts might be making your page ineligible, even if you don’t use those features directly in your code. When investigating the impact on your site look at all available metrics for any improvement.

Cache 93

Cache Games Performance Website 93

Smashing Magazine

AUGUST 3, 2021

Lots can go wrong: a network request fails, a third-party library breaks, a JavaScript feature is unsupported (assuming JavaScript is even available), a CDN goes down, a user behaves unexpectedly (they double-click a submit button), the list goes on. Both examples check something is available before using it.

Network 145

Network Engineering Availability Monitoring 145

Smashing Magazine

FEBRUARY 3, 2022

With detailed code walkthroughs , hands-on examples and common gotchas — all broken down into short, manageable lessons. navigator.share({ title: 'Smashing Magazine', text: 'Web development news and tutorials', url: '[link] }). With that in mind, let’s look at some of the ways we can reduce their impact. More after jump!

Social Media 104

Social Media Media Website Airlines 104

Smashing Magazine

JULY 16, 2020

Instead, use the measurement tools available to analyze the performance of your React app and get a detailed report of what might be slowing it down. and react-native 0.57+, enhanced profiling capabilities are available in developer mode using React Developer Tools Profiler. Measuring Performance. React Developer Tools Profiler.

Performance 122

Performance Code Virtualization Processing 122

Smashing Magazine

JUNE 30, 2021

The web is streaming, meaning it has none of the resources locally available when you open an app for the first time. iOS empowers developers to easily parallelize code using Grand Central Dispatch , Android does this via their new, unified task scheduler WorkManager and game engines like Unity have job systems.

Games 145

Games Architecture Code C++ 145

Smashing Magazine

JUNE 26, 2020

Inspired Design Decisions: Avaunt Magazine. The flex-grow property with its value of 1 ensures all images expand to fill any available space, while flex-basis makes sure these flex items start from a minimum of 640px; header svg { flex-grow: 1; flex-basis: 640px; } header svg:not(:last-of-type) { margin-right: 2rem; }.

Design 98

Design Media C++ Energy 98

Smashing Magazine

SEPTEMBER 16, 2021

The CRM can also automate actions based on the customer’s activity like receiving a promotional discount code in a marketing email after they chat with a rep. They see that a chat-with-a-sales-rep option is available. For example, a customer visits a magazine subscription site that uses HubSpot CMS.

Website 69

Website C++ Virtualization Development 69

Smashing Magazine

OCTOBER 12, 2021

How do we know the code is the same UI? That’s because, once the developer finishes with the component, it can now utilize Merge to make it available to designers in UXPin, and of course, all your product developers have it at the same time! Designing With Code. Do we really need to audit every single component? Testing Updates.

Design 113

Design Development Testing Processing 113

Smashing Magazine

NOVEMBER 3, 2021

This approach means that we’ll be writing our code in the form of functions that will handle different tasks or requests within the application. This means no file size was added to our application, giving us the benefit of having only the code needed for our application to function. 14 Lambda functions. Your functions within the./functions

Serverless 125

Serverless Lambda AWS Website 125

KeyCDN

JANUARY 16, 2019

If you’re not careful, you could end up with some sloppy, bloated code. Implementing hints saves time for both you and your users by drastically reducing the amount of code needed to make your page elements responsive. There are a few others, but not all are available in every browser. Finally, the q=0.8

Servers 67

Servers Google Website Energy 67