Smashing Magazine

JANUARY 21, 2021

A big JavaScript bundle might seem out of place on a magazine that merely publishes articles, but actually, there is plenty of scripting happening behind the scenes. There wasn’t really a shortage of tools available, so we’ve tested a few and decided to run a few tests. We’ve managed to set it them up and running quite quickly.

Performance 145

Performance Cache Mobile Network 145

Smashing Magazine

SEPTEMBER 3, 2019

But those days are gone: Websites have gotten very complex, involving many tools and technologies in their stacks. Adhering to these strategies has several benefits. This image shows all the readily available actions: Out of the box actions in Buddy. All this process sounds like a bit too much, right? Large preview ).

Website 82

Website Serverless AWS Lambda 82

Smashing Magazine

JUNE 26, 2019

As a result, she came back to me concerned with publishing a post on a strategy her agency had yet to adopt successfully. Let the web developer handle all of the necessary speed optimizations like caching and file minification while you take on the following design tips and strategies: 1. She was torn though. Host Fonts From A CDN.

Website 110

Website Speed Mobile Design 110

Smashing Magazine

APRIL 21, 2023

Limited Debugging Tools Debugging Web Workers can be more challenging than debugging code in the main thread, as there are fewer debugging tools available. Strategies For Mitigating Potential Issues With Web Workers Web Workers are a powerful tool for improving the performance and responsiveness of web applications.

Efficiency 106

Efficiency Code Strategy Network 106

Smashing Magazine

SEPTEMBER 2, 2021

Flexbox Defense is a play on the ‘tower defense’ strategy game genre that teaches you flexbox through 12 challenges where you have to use flexbox syntax to stop incoming enemies from getting past your defenses. Louis shares a comprehensive, categorized list of such tools covering a variety of different development technologies. (vf,

Development 145

Development Games Education Programming 145

Smashing Magazine

JANUARY 11, 2021

In many organizations, front-end developers know exactly what common underlying problems are and what strategies should be used to fix them. Performance Budgets, Pragmatically shows you a strategy to achieve that. Layout Shift GIF Generator that visualizes CLS with a simple GIF (also available from the command line).

Performance 145

Performance Cache Media Metrics 145

Smashing Magazine

JANUARY 7, 2019

It might be tempting to get into quick "low-hanging-fruits"-optimizations early on — and eventually it might be a good strategy for quick wins — but it will be very hard to keep performance a priority without planning and setting realistic, company-tailored performance goals. when web fonts aren’t loaded yet). Large preview ).

Performance 103

Performance Cache Metrics Network 103

Smashing Magazine

JANUARY 6, 2020

It might be tempting to get into quick "low-hanging-fruits"-optimizations early on — and it might be a good strategy for quick wins — but it will be very hard to keep performance a priority without planning and setting realistic, company-tailored performance goals. when web fonts aren’t loaded yet). Planning, planning, planning.

Performance 145

Performance Cache Network Metrics 145

Smashing Magazine

NOVEMBER 17, 2022

Webpage performance test report for the Smashing Magazine website. Note : To understand how the cache works for a user and the different strategies we can follow, I recommend the talk and article “ Love your cache ” by Sam Thorogood. But everything we will see can be extrapolated to any other technology. Large preview ).

Media 105

Media Cache Website Mobile 105

The Agile Manager

FEBRUARY 27, 2012

Each is a new take on an old theme, echoing one part of the contradiction that has riddled every business with a captive technology department: we want to minimize how much we spend on IT, and we want IT to be a source of innovation. Personal technology such as spreadsheets and smartphones empowers increasingly tech-savvy knowledge workers.

Ecommerce 45

Ecommerce Social Media Retail Airlines 45

Smashing Magazine

AUGUST 20, 2021

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. I vividly remember receiving a PC Magazine for my birthday with a trial of Dreamweaver.

Ecommerce 139

Ecommerce Website Government Internet 139

Smashing Magazine

JANUARY 7, 2022

Especially if your technology stack has just been hacked and set up for ransom. Your pit crew should be available for quick, pointed input. You’re building cases (work bundles) for areas of improvement that can be split up or batched together depending on availability. You’ll need to pull over, stop the car, and get it fixed.

Design 92

Design Logistics Strategy Benchmarking 92

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. Insight 2: There Are Established Strategies To Tackle Web App Accessibility Problems. More after jump! Online, and live.

Strategy 140

Strategy Virtualization Government Education 140

Smashing Magazine

NOVEMBER 2, 2021

Application leaders for digital commerce technologies must plan for PWAs when designing digital commerce experiences”. Numerous big players have considered such an opinion and have recently implemented this technology. But this “look” is now available in browsers. Do people use push notifications? Large preview ).

Code 74

Code Cache Retail Mobile 74

Smashing Magazine

SEPTEMBER 27, 2021

However, end-to-end testing does have some pitfalls that are cause for concern: End-to-end tests are slow and, thus, pose a significant hurdle in every continuous integration and continuous deployment (CI/CD) strategy. Cypress’ test runner is open-source, so it fits our product strategy. Tests are written in JavaScript.

Testing 135

Testing Website Code Efficiency 135

Smashing Magazine

JUNE 28, 2021

The Rise Of Design Thinking As A Problem Solving Strategy. Drew: I guess there’s always a trade-off, isn’t there with technology choices? I tend to find in technology choices, the most important thing is just to know. That you, is available from the makers of Chakra, but as a commercial offering. written by Miko?aj

Website 62

Website Design Open Source Software 62

Smashing Magazine

JULY 29, 2019

This is possible by setting up a service worker with a good caching strategy so that cached pages can be re-accessed offline. Unfortunately, Opera Mini is no longer available on iOS in the UK. Turbo mode is currently only available on Opera for Android. Android is where all the action is in terms of data-saving technology.

Cache 96

Cache Google Mobile Network 96

Smashing Magazine

JULY 19, 2021

Let’s take a look at what some of these testing strategies look like in practice. Dodds argues testing technology has caught up to a point where there are no longer large cost trade-offs for writing integration tests, which is where his concept of the “test trophy” comes in. Available Solutions For Visual Testing. Unit Testing.

Testing 141

Testing Code Design Strategy 141

Smashing Magazine

JULY 13, 2021

But, in the end, working with new tools and technologies brings a lot of benefits: Wider support, community assistance, better developer experience, and ease of getting people working on the project. Define The Migration Strategy. So, they are sooner available to be used and evaluated by the users. impose on us, and that is ok.

Serverless 111

Serverless Code Website Servers 111

Smashing Magazine

JULY 9, 2021

You have a site that does not traverse well (or at all) when disabled users use assistive technologies such as a screen reader, keyboard, or voice recognition to navigate around the site because they lack the motor skills or dexterity to do so. If you switched to a lighter blue or white font within the 4.5 See large preview ).

Website 145

Website Mobile Design Testing 145

Smashing Magazine

DECEMBER 22, 2021

You’ll find psychology heuristics just like tips for building a winning UX strategy , dive deep into user research and UX writing , and explore real-world examples — good and bad — from which you can learn to create experiences that truly matter. How To Build A Winning UX Strategy. Yet how exactly do we get there? Why do we interface?

Airlines 128

Airlines Mobile Design Strategy 128

Smashing Magazine

NOVEMBER 22, 2021

You can see the impact of these efforts in the Core Web Vitals Technology Report from Google Chrome User Experience Report (CrUX) / HTTP Archive : Ratio of sessions with good CWV per platform. Source: HTTP Archive's Core Web Vitals Technology Report. Source: HTTP Archive's Core Web Vitals Technology Report.) ( Large preview ).

Website 126

Website Performance Google Media 126

Smashing Magazine

JULY 20, 2021

But technology is evolving, and there are more and more options that make it easier to create websites. But this also has some disadvantages, you still need to configure and update WordPress, make it secure and are dependent on their technology for the development of new functionalities. Technology. Monolithic. Architecture.

Website 141

Website Architecture Technology Technology 141

Smashing Magazine

JANUARY 21, 2019

Hence, the API can be implemented on any language (which is one of the beauties of GraphQL: being a specification and not an actual implementation has enabled it to become available in a myriad of languages.). The code implementing the API as explained in this article is available in this open-source repository. API response example.

Social Media 64

Social Media Database Media Website 64

Smashing Magazine

AUGUST 19, 2021

Unethical practices at companies lead to the creation of technology that we all use but often neglect the influence of those intended to serve. A real interaction between computers and humans starts at technological conception by understanding users through a sound and ethical user research discipline. What are ethics anyway?

Code 137

Code Design Education Government 137

Smashing Magazine

AUGUST 9, 2021

Refactoring CSS: Strategy, Regression Testing And Maintenance written by Adrian Bece. She is the Principal Designer at 8th Light, where she designs and builds custom software and consults on safe and inclusive design strategy. Design For Safety is published abookapart.com and is available now. The Inclusive Safety Project.

Design 98

Design Education Network Google 98

Smashing Magazine

SEPTEMBER 6, 2021

I would personally recommend using Cloudflare or Fastly because they have been intimately involved in the standardization process and will have the most advanced and well-tuned implementations available. Will be enabled by default in version 15, which is currently in technology preview. Clients and QUIC Discovery.

Network 104

Network Servers Cache Traffic 104

Smashing Magazine

AUGUST 26, 2021

By this point, it’s reasonable to expect to have answers to most of the big, basic questions of how people and digital technology work with one another. If anything, questions of technology and society seem to be piling up faster than we can address them. As you no doubt know, however, we don’t. We really don’t. Further Reading.

Social Media 134

Social Media Technology Technology Website 134