Remove Best Practices Remove Code Remove Testing Remove Workshop
article thumbnail

Cloud Automation workshop roadshow: Kick-off

Dynatrace

With all the technology changes through the past three years, with the world moving to K8s, the rise of GitOps, everything as code, event-driven automation, and many new open standards in the cloud-native space, it was time to update our workshop. Last week we kicked it off with a three-hour virtual hands-on workshop.

Cloud 212
article thumbnail

It’s A (Front-End Testing) Trap! Six Common Testing Pitfalls And How To Solve Them

Smashing Magazine

It’s A (Front-End Testing) Trap! Six Common Testing Pitfalls And How To Solve Them. It’s A (Front-End Testing) Trap! Six Common Testing Pitfalls And How To Solve Them. All right, but what does this have to do with testing? Well, it’s simply an apt allegory when it comes to dealing with tests in a code base.

Testing 123
Insiders

Sign Up for our Newsletter

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Trending Sources

article thumbnail

Gone Floating Labels And Green Lighthouse Scores

Smashing Magazine

We couldn’t fix the AVIF issue quickly due to the way media management is running currently, but then Barry Pollard suggested to test if using base64-encoding for images would help. Base64-encoding seemed like a slightly odd concept in the world of HTTP/2, but we’ve decided to build a small prototype to test whether it helps.

Mobile 141
article thumbnail

Solving CLS Issues In A Next.js-Powered E-Commerce Website (Case Study)

Smashing Magazine

We use Lighthouse and WebPagetest as our synthetic testing tools for performance to measure CLS. 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!

Website 107
article thumbnail

React Children And Iteration Methods

Smashing Magazine

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.

article thumbnail

Next.js Wildcard Subdomains

Smashing Magazine

With 100s of real-life examples , guidelines and best practices that you can apply right away. Jump to the workshop ?. In code, that looks like this: export async function getServerSideProps(context) { let wildcard = context.req.headers.host.split(".")[0]; From complex mega-dropdowns to carousels and filters. 0]) }, []).

Servers 86
article thumbnail

Creating A Custom Range Input That Looks Consistent Across All Browsers

Smashing Magazine

That assumption was correct until I began testing the range input across multiple browsers and quickly realized that I had a lot more work on my hands. Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A.