CSS Wizardry

FEBRUARY 25, 2021

Same page, same connection speed, same locale, same release year, different devices. This means that, even if you’re connected to the office wifi, you can still simulate slower (and very realistic) connection speeds. Here is how my actual iPhone on a throttled connection deals with my website. But, Can’t I Just Emulate?

Network 225

Network Mobile Performance Traffic 225

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

AUGUST 30, 2021

Regardless of how much the CSS codebase has been improved during the refactoring process and how much more maintainable and extendable it is, the final stylesheet needs to be optimized for the best possible performance and least possible file size. After all, users won’t wait around forever for the website to load. More after jump!

Media 109

Media Performance Cache Strategy 109

Smashing Magazine

OCTOBER 28, 2021

So, in essence, it’s a way to automate the tedious process of hitting ‘copy’ and then ‘paste’ 200 times. As such, I urge you always to be mindful of the website while scraping, take care not to damage it, and follow ethical guidelines. Recommended Reading : “ The Guide To Ethical Scraping Of Dynamic Websites With Node.js

Website 115

Website Code Retail Best Practices 115

Smashing Magazine

OCTOBER 6, 2021

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 ?. The caveat to be aware of here is that the browser usage data is based on Statcounter , a sampling of 2 million websites.

Design 145

Design Availability Mobile Website 145

Smashing Magazine

AUGUST 12, 2021

Whether you’re just starting out with Figma or have been using it for a good while now, this post will give you just enough pointers to make your design process faster and smoother. Annotating a design with detailed measurements and specs to help the developers in charge make sense of it all can be a time-consuming process.

Google 145

Google Design Code Mobile 145

Smashing Magazine

FEBRUARY 2, 2022

Projects built using JavaScript-based frameworks often ship large bundles of JavaScript that take time to download, parse and execute, blocking page render and user input in the process. JavaScript-based frameworks like React made the process of developing web applications streamlined and efficient, for better or worse.

Code 89

Code Performance Network Website 89

Smashing Magazine

JULY 19, 2021

By adding automated visual testing , we can eliminate those flaky tests , leveling up our testing pipelines providing that coverage (and more) by taking advantage of smart image comparisons using screenshots of our website or app. Jump to the workshop ?. cy.visit('/products'); cy.get('.product product a[href="/product/1234"]').click()

Testing 142

Testing Code Design Strategy 142

Smashing Magazine

JULY 14, 2021

we can process everything within a reasonable, foreseeable timeframe. This connection often causes filters and matching results to be somewhat synchronous , as the latter depend on how fast the UI registers an input, and how much time it needs to successfully process it. Jump to the workshop ?. That's where filters matter.

Design 143

Design Retail Ecommerce Mobile 143

Smashing Magazine

SEPTEMBER 6, 2021

Using just a few (but still more than one), however, could nicely balance congestion growth with better performance, especially on high-speed networks. This retry process best happens, of course, somewhere before the back-end server — for example, at the load balancer. Clients and QUIC Discovery.

Network 105

Network Servers Cache Traffic 105

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. Before starting any migration project, you must have a good overview of all your hosts, processes, services and technologies. Step 2: Understand your Dependencies: No Host or Process left alone!

Cloud 31

Cloud Traffic Database Network 31

Smashing Magazine

JUNE 2, 2021

Yes, we’ve changed how we defined the user experience of the page load to look at the loading speed of the most relevant content , but it’s basically reusing the old techniques of ensuring that the content loads as quickly as possible. Jump to online workshops ?. On design systems, CSS/JS and smart interface design patterns.

Media 125

Media Metrics Website Google 125

Smashing Magazine

JANUARY 21, 2021

It always starts with the long-awaited website overhaul. The build process on its own has become quite a beast over time as well, with critical CSS injects, Webpack’s code splitting, dynamic inserts of advertising and feature panels, RSS (re)generation, and eventual A/B testing on the edge. Once the workshop was over, we got to work.

Performance 145

Performance Cache Mobile Network 145