Smashing Magazine

JULY 11, 2019

I loved making prints from linocuts, and in much the same way that I’m often entirely absorbed by writing code today, I regularly lost myself carving thousands of tiny marks until the floor was covered in sharp shards of lino. Printmaking and writing code have plenty in common. Pressing Matters magazine. Large preview ).

Design 95

Design Media Mobile Energy 95

Smashing Magazine

NOVEMBER 2, 2021

Creating A Magento PWA: Customizing Themes vs. Coding From Scratch. Creating A Magento PWA: Customizing Themes vs. Coding From Scratch. One of the reasons for that is because a PWA has the same code base. So unlike the case with native applications, the progressive web app needs to be coded only once. Alex Husar.

Code 76

Code Cache Retail Mobile 76

Smashing Magazine

JANUARY 5, 2022

The fact is that no one tells us that we should be working harder on making good connections rather than polishing our designs or code. When Typography Speaks Louder Than Words ,” by Carolyn Knight and Jessica Glaser (Smashing Magazine). A Simple Web Developer’s Color Guide ,” by Laura Elizabeth (Smashing Magazine).

Design 128

Design Website Social Media Best Practices 128

Smashing Magazine

MARCH 23, 2020

Recently, I was browsing a new addition to my library and was captivated by one magazine spread. A selection of covers from Otto Storch’s time as art director for McCall’s Magazine. Publishing can be a cut-throat business, and the magazines Storch worked on weren’t high-fashion. Inspired Design Decisions: Avaunt Magazine.

Design 110

Design Media Energy Availability 110

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

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

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 Open Source Games 125

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

AUGUST 18, 2020

I became fascinated by the ways magazine art directors including Alexey Brodovitch and Bea Feitler brought images and text together. From early on, he was inspired by print designs, especially magazines, and used this influence to design the college’s yearbooks. Thompson studied at Washburn College in his home city of Topeka.

Design 122

Design Media Entertainment Website 122

Smashing Magazine

OCTOBER 5, 2021

Lambda layers are a way to share code across API endpoints, reducing the amount of repeated code across the API project. This not only allows us to run Lambda scripts locally, but we can also add breakpoints using Debug Mode in Visual Studio Code. Debug Mode in Visual Studio Code ?? Further Reading On Smashing Magazine.

Lambda 121

Lambda Serverless Testing AWS 121

Smashing Magazine

AUGUST 20, 2021

However, unlike the early days of the web, static sites are no longer limited to developers working in a code editor. I vividly remember receiving a PC Magazine for my birthday with a trial of Dreamweaver. The benefit of doing this is the entire site’s source code can live in Git. Smashing Magazine powered by Netlify.

Ecommerce 140

Ecommerce Website Government Internet 140

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

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

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

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. json({ data: response.data, }); You can read more about the various HTTP status codes here. Further Reading On Smashing Magazine.

Servers 132

Servers Lambda Code Processing 132

Smashing Magazine

DECEMBER 7, 2023

The difference between real-time user monitoring and measuring performance against CrUX data is big enough that it’s worth reading up on it, and we have a full article on Smashing Magazine that goes deeply into the differences for you. DebugBear actually tests with a slower network, resulting in more accurate data.

Traffic 98

Traffic Metrics Google Website 98

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

JUNE 9, 2022

As a result, users can enjoy more capable and feature-rich applications that remain performant through techniques like code-splitting, caching, prefetching, and other resource optimization techniques — with some applications that are even able to work offline. Further Reading on Smashing Magazine. “ How To Maintain A Large Next.js

Code 113

Code Development Processing Cache 113

Smashing Magazine

AUGUST 10, 2023

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. See the “Prettify Code” option? ?( Real usage data would be better, of course.

Speed 82

Speed Monitoring Testing Network 82

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

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

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

OCTOBER 28, 2021

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. To keep things simple, we’ll take a step-by-step approach to writing the code. This will open up a new window containing the source code of the page. Look for the data we need.

Website 116

Website Code Retail Best Practices 116

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

SEPTEMBER 14, 2021

Trying multiple different navigation ideas on paper sketches is much faster than creating full mockups or coding it all up. Further Reading On Smashing Magazine. For example, a nice layout, a particular way that the inspiration pairs content with images, a contact form that seems particularly easy to use.

Design 127

Design Website Open Source Mobile 127

O'Reilly

FEBRUARY 13, 2024

Open source has always been about source code, rather than data; but that is changing. The total bill is likely to be close to $1 Billion, if not more, and as models need to be updated, at least some of it will be a recurring cost. Transparency is important, and proprietary models will always lag open source models in transparency.

Open Source 95

Open Source Strategy Government Tuning 95

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

MARCH 16, 2020

and enter the following code. state, fetching: action.fetching } default: return state; } } const [imgData, imgDispatch] = useReducer(imgReducer,{ images:[], fetching: true}) // next code block goes here }. The next part of the code is where we make the API call. The next block of code defines the return value of the function.

Code 125

Code Ecommerce Network Operating System 125

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

Smashing Magazine

DECEMBER 27, 2021

In addition to themes, we will also need a demo workspace from which we will try out our code. Let’s take a look at the code responsible for the creation of individual posts. You can find the complete code in this GitHub repository. Let’s look again at the code above. const defaultFonts =.

Website 130

Website Open Source Code Availability 130

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

APRIL 13, 2020

Inspired Design Decisions: Avaunt Magazine. U&lc (Uppercase and lowercase) magazine by Herb Lubalin. Fact magazine by Herb Lubalin. NB : Smashing members have access to a beautifully designed PDF of Andy’s Inspired Design Decisions magazine and full code examples from this article. Read More From The Series.

Design 118

Design Media C++ Technology 118

Smashing Magazine

OCTOBER 29, 2021

There’s a special offer for Smashing Magazine readers. Use the code 40OFF at checkout to get 40% off! The courses at The Giles Academy offer different levels for different needs. Opt for Pro level to get individual feedback from a professional copywriter plus certification. Power Up Your Productivity.

Energy 121

Energy Best Practices Design Availability 121

Smashing Magazine

MARCH 2, 2021

Testing the Smashing Magazine website on different devices. You can test touch support and preview devices side-by-side, working with the same piece of code across all opened devices. It has 50+ built-in device resolutions — for mobile, tablet and desktop. LT Browser in action. Large preview ).

Mobile 136

Mobile Testing Website Benchmarking 136

Testsigma

JULY 22, 2021

Then there is my love of coding and creating a little army of robots to assist me with my testing. This can be finding answers to questions like: – Why does this particular piece of code behave the way it does? Co-founder & Chief Editor Tea-time with Testers magazine. Lalitkumar Bhamare. Test Engineer – XING.

Software 97

Software Software Testing Energy 97

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

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. A web page may be scraped and re-published with additional JavaScript that contains browser or search hijacking attack code. Turning The Data Into Information. Large preview ).

Website 92

Website Analytics Cache Google 92