Smashing Magazine

JULY 27, 2021

is opinionated about how to organize JavaScript code, but it doesn’t have built-in opinions about how to organize CSS. In this article, we’ll build a website (a tea shop!) CSS-in-JS can also have a performance impact by causing additional renders and dependencies on the global state. Jump to the workshop ?. Global styles.

Website 142

Website Design Best Practices Code 142

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 138

Open Source C++ Google Website 138

Smashing Magazine

OCTOBER 15, 2021

It may seem enchanting how well-designed apps or websites can boost your sales, but it takes far more than a handful of fairy dust to make users enjoy their interactions. That happens when your app/website/system is efficient. Jump to online workshops ?. And vice versa. And memorable. And easy to understand. And reliable.

Design 113

Design Website Efficiency Games 113

The Agile Manager

MARCH 31, 2024

I keep a record of what I do on individual stones, on how I configure machines and the maintenance I perform on them, and for the totality of activities I do in the workshop each day. Learning out of a video or website or a good old fashioned book is wonderful, but that’s theory. As a learning exercise, it is fantastic.

FinTech 40

FinTech Education Testing Website 40

Smashing Magazine

NOVEMBER 29, 2021

Although this isn’t something I’d look to drop on a website any time soon, it’s a neat little challenge to make. It fits in with my whole stance on “ Playfulness in Code ” to learn. It’s worth noting that the performance of this demo is affected by the grid size and the demos are best viewed in Chromium-based browsers.

Games 107

Games Website Performance Design 107

Smashing Magazine

FEBRUARY 2, 2022

Improving JavaScript Bundle Performance With Code-Splitting. Improving JavaScript Bundle Performance With Code-Splitting. It’s a common misconception that the code which is produced by the framework build tools (Webpack, for example) is fully optimized and cannot be improved upon any further. Performance Costs.

Code 89

Code Performance Network Website 89

Smashing Magazine

AUGUST 30, 2021

Refactoring CSS: Optimizing Size And Performance (Part 3). Refactoring CSS: Optimizing Size And Performance (Part 3). Deploying the refactored codebase shouldn’t result in worse website performance and worse user experience. After all, users won’t wait around forever for the website to load. Adrian Bece.

Media 108

Media Performance Cache Strategy 108

The Symphonia

MARCH 14, 2018

Amazon’s ‘Infrastructure-as-Code’ language and deployment service. There isn’t too much validation performed by AWS, as far as I can tell, on SAR apps. For a publisher to put an application in SAR they need to have an AWS account, and the FAQ says “All applications published by AWS are vetted for license adherence and code quality.

Serverless 40

Serverless AWS Lambda Open Source 40

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 139

Ecommerce Website Government Internet 139

Smashing Magazine

JULY 12, 2021

CSS is a simple stylesheet language for defining a website or document’s presentation. You’ve probably worked on a project with a poor CSS codebase before and thought how you’d written the code differently, given the opportunity to refactor or rewrite everything from scratch. Leftover, unused chunks of code from deleted features.

Best Practices 145

Best Practices Website Architecture Media 145

Smashing Magazine

JULY 9, 2021

These are just a couple of examples of what disabled users face daily when they try and access a website that is inaccessible. Practicing accessibility in your workflows and methodologies ensures people — disabled or not — that they can access your product, your website, and your brands.

Website 145

Website Mobile Design Testing 145

Smashing Magazine

JULY 23, 2021

That is also something that you can find when using a procurement website. Larger organizations often post their invitations to tender on procurement websites. Websites like Upwork tend to be highly competitive and price sensitive. Jump to the workshop ?. Procurement Sites. Networking. Online, and live. Sep 16–24, 2021.

Social Media 145

Social Media Media Network Website 145

Smashing Magazine

JULY 2, 2021

In his upcoming online workshop The TypeScript Masterclass , Stefan Baumgartner will dive into type systems and how to use them well when writing JavaScript. Jump to the workshop ?. Their purpose, sending method, and performance vary, and so should the testing flow. Online, and live. August 5–19, 2021. Spam checks.

Testing 109

Testing Servers Social Media Automotive 109

Smashing Magazine

APRIL 21, 2023

They were designed to provide a way to execute JavaScript code in the background, separate from the main execution thread of a web page, in order to improve performance and responsiveness. The main thread is the single execution context that is responsible for rendering the UI, executing JavaScript code, and handling user interactions.

Efficiency 106

Efficiency Code Strategy Network 106

Smashing Magazine

JULY 8, 2021

Using the proposed file structure is not a bad way of structuring your project per se, but as your project grows, you will need a better structure as your code becomes clustered and harder to navigate and access files. Jump to the workshop ?. code some certain instructions that are peculiar to Vue.js. Online, and live.

Speed 132

Speed Processing Development Code 132

Smashing Magazine

NOVEMBER 4, 2021

This prevents issues like over-fetching that can impact performance. Let’s get right into the code. website to download the latest version. Also, here’s the repo containing the code demonstrating subscription on the the client-side. Jump to online workshops ?. To create a React app, make sure you have Node.js

Cache 114

Cache Servers Transportation Code 114

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. Jump to the workshop ?.

Testing 141

Testing Code Design Strategy 141

Smashing Magazine

OCTOBER 22, 2021

Feedback was very positive , with the major concern being — not surprisingly — the real-time performance. Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. Jump to online workshops ?. More after jump!

Games 94

Games Servers Database Virtualization 94

Strategic Tech

JULY 18, 2018

As our legacy systems become less maintainable the negative spiral begins: the code is hard to evolve, nobody enjoys working on it, features take ages to deliver, politics ramp up…. Lack of accountability leads to unmaintainable software that grows harder and harder to change.

Design 40

Design Architecture Software Architecture Systems 40

Smashing Magazine

AUGUST 5, 2021

Example: Swedish public transportation website. A wonderful interface of the Swedish public transportation website with a button that’s initially disabled, but becomes accessible once a selection is made. Jump to the workshop ?. Would you like to live in this world? One of the many. Online, and live. Aug 18 & 20, 2021.

Design 145

Design Transportation Code Systems 145

Smashing Magazine

JUNE 2, 2021

Improving The Performance Of An Online Store (Case Study). Improving The Performance Of An Online Store (Case Study). Every front-end developer is chasing the same holy grail of performance: green scores in Google Page Speed. Today, the website is much faster and ranks highly in various showcases and benchmarks.

Performance 115

Performance Cache Website Mobile 115

Strategic Tech

APRIL 27, 2019

Subsequently, the problem of coordinating multiple teams arises, each with their own backlog and performance goals to achieve. Their code is more complex having to support multiple use-cases, and the team becomes a bottleneck?—?multiple The obvious remedy is to add another consumer-specific endpoint for the new consumer.

Software Architecture 58

Software Architecture Architecture Government Design 58

Smashing Magazine

JANUARY 21, 2021

How We Improved SmashingMag Performance. How We Improved SmashingMag Performance. Every web performance story is similar, isn’t it? It always starts with the long-awaited website overhaul. While performance has been our goal for almost a decade now , we never really had a dedicated performance team.

Performance 145

Performance Cache Mobile Network 145

Dynatrace

AUGUST 5, 2019

For a recent technical workshop I did with one of our strategic cloud partners, I created a deck that aims to answer exactly this question. There is no code or configuration change necessary to capture data and detect existing services. What’s the current performance of key database queries and stored procedures?

Cloud 31

Cloud Traffic Database Network 31

Smashing Magazine

MARCH 2, 2020

Local screen-printing workshops offered affordable flyers and posters. CSS blend modes don’t merely save time on trips to an image editor, they’re also a fabulous way to add depth and texture to a design which can be refreshing when the majority of websites are flat and two-dimensional. Music magazines were popular too. ra, yk, il).

Design 101

Design Media Testing Entertainment 101

Smashing Magazine

JUNE 2, 2021

Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. Jump to online workshops ?. I like to use progressive enhancement to provide a basic website, even without JavaScript where possible. Set Width And Heights On Images And iFrames.

Media 125

Media Metrics Website Google 125

Smashing Magazine

OCTOBER 21, 2021

Websites with a lot of motion might also have a higher impact on the battery life of mobile devices, or cause more data to be used (autoplaying videos, for instance, will require more of a user’s data than a static image). Jump to online workshops ?. In the following code snippet, we have a button that grows in scale on hover.

Media 125

Media Systems Mobile Website 125

The Netflix TechBlog

JANUARY 11, 2022

Our growth team advertises on social media platforms and other websites to share news about upcoming titles and new product features, with the ultimate goal of growing the number of Netflix members worldwide. To understand the validity of our causal claims, we perform sensitivity analyses to evaluate the robustness of our findings.

Innovation 243

Innovation Metrics Engineering Testing 243