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

Rigor

SEPTEMBER 11, 2019

Reading time 16 min Whether you’re a web performance expert, an evangelist for the culture of performance, a web engineer incorporating performance into your process, or someone new to the web performance entirely, you probably identify as curious, excited about new ideas, and always learning. Rick Byers. Rick Byers. Tammy Everts.

Performance 89

Performance Education Google Website 89

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. On design systems, CSS/JS and smart interface design patterns. Jump to online workshops ?. With Lea Verou, Brad Frost, Stephanie Eckles and so many others. Check Fallback Elements.

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

Testsigma

DECEMBER 23, 2021

It is quite an interesting blog that compares archery with testing and provides clarity about the testing process. Apart from this check the website by Huib Schoots which is a goldmine of testing resources. This is a youtube video by Lee Copeland who has over thirty years of experience as an information systems professional.

Software 52

Software Software Java Testing 52

All Things Distributed

SEPTEMBER 25, 2017

We run a range of programs to give people cloud skills, from AWSome Days – a one-day workshop-based training for technical professionals - to online resources such as webinars, whitepapers, articles, and tutorials that help to educate people about AWS. The BIPA has moved their Learning Management System to AWS, reducing costs by over 90%.

Cloud 152

Cloud Education Energy Government 152

Smashing Magazine

JULY 8, 2021

Development Process. Development Process. 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 ?. Vue Devtools ,” website. Tools And Practices To Speed Up The Vue.js Uma Victor.

Speed 132

Speed Processing Development Code 132

Smashing Magazine

JULY 1, 2021

Thus, it resembles system testing if we look at quality assurance in theory. In his online workshop on Building Modern HTML Emails , Rémi Parmentier will show how to code bulletproof, responsive HTML emails that work well in Gmail, Apple Mail, Yahoo and Outlook today. Jump to the workshop ?. Online, and live. Sep 16–24, 2021.

Testing 120

Testing Best Practices Code Design 120

Smashing Magazine

SEPTEMBER 16, 2021

That also means answering this other question: “How can one evaluate, manage and guarantee the quality of a website?” When delving into the concept of website quality assurance back in 2001, we started with a simple question: “What does quality mean for the users?”. On design systems, CSS/JS and UX. More after jump!

Automotive 138

Automotive Website Social Media Design 138

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

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

JULY 12, 2021

CSS is a simple stylesheet language for defining a website or document’s presentation. There is also the matter of convincing the management or project stakeholders to invest the time and resources into the refactoring process. I’ve recently audited a website that loaded a 2.2MB file of minified CSS code. Adrian Bece.

Best Practices 145

Best Practices Website Architecture Media 145

Smashing Magazine

SEPTEMBER 8, 2021

In this article, we’ll walk through the process of taking a seemingly simple design for a text-and-media component and deciding how best to translate it into code, keeping in mind the needs of both users and content authors. On design systems, CSS/JS and UX. Jump to online workshops ?. More after jump! Layout And Order.

Development 139

Development Media Design Mobile 139

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 ?. A mistake could be made when you work with several projects/websites. Online, and live. August 5–19, 2021. What happens next?

Testing 109

Testing Servers Social Media Automotive 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

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 108

Media Performance Cache Strategy 108

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

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. On design systems, CSS/JS and UX. Jump to online workshops ?. More after jump! With Carie Fisher, Stefan Baumgartner and so many others. Debugging Overflow.

Design 145

Design Availability Mobile Website 145

Smashing Magazine

MARCH 2, 2020

Local screen-printing workshops offered affordable flyers and posters. The Face demonstrates how a system for design is the structure on which you start building a design. I still have the backstage pass which Billy signed for me. Local bands designed their own publicity and the mostly two-colour artwork was edgy and unpolished.

Design 101

Design Media Testing Entertainment 101

Smashing Magazine

NOVEMBER 4, 2021

website to download the latest version. Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. On design systems, CSS/JS and UX. Jump to online workshops ?. If not, just go to the Node.js More after jump!

Cache 114

Cache Servers Transportation Code 114

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. design systems. Your design process just got a bit less stressful. Design Systems With Figma. Table of Contents. accessibility. annotations.

Google 145

Google Design Code Mobile 145

Strategic Tech

JULY 18, 2018

There are thousands of ways we can shape the software systems we build and organise our teams around them. Sociotechnical systems are complex systems formed of complex systems. The products themselves are software systems which grow harder and harder to reason about as they scale and age.

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. Or perhaps there is no mistake on our end at all, and it’s a system bug that’s absolutely out of our control.

Design 145

Design Transportation Code Systems 145

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 141

Testing Code Design Strategy 141

Strategic Tech

NOVEMBER 29, 2019

The result is that we create better designed software systems and teams of problem solvers rather than order takers. In this article, we’ll share a few easy-to-learn techniques that will help you to get the most out of EventStorming so you can design more domain-aligned software systems. Then model each of these processes?—?look

Design 59

Design IoT Energy Software 59

Smashing Magazine

OCTOBER 22, 2021

In this article, I’ll describe the process behind the creation of Autowuzzler , which tools and frameworks I chose, and share a few implementation details and lessons I learned. On design systems, CSS/JS and UX. Jump to online workshops ?. The process of assigning players to their desired game room is called “match-making”.

Games 94

Games Servers Database Virtualization 94

Smashing Magazine

JUNE 25, 2021

The text-heavy posts will use Markdown, allowing for an easier editing process. How do we make design systems work? In his upcoming Smashing workshop on Successful Design Systems , Brad Frost explains how to plan, execute and maintain a successful design system at your organization. Jump to the workshop ?.

Design 116

Design Systems Code Processing 116

Smashing Magazine

SEPTEMBER 6, 2021

As discussed in part 2 , in HTTP/2, this multiplexing is steered using its prioritization system. As we also saw, however, this system was very complex , causing it to often be badly used and implemented in practice (see the image below). There is ongoing work to improve this two-step Alt-Svc process somewhat.

Network 104

Network Servers Cache Traffic 104

Smashing Magazine

SEPTEMBER 28, 2021

Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. On design systems, CSS/JS and UX. Jump to online workshops ?. More after jump! With Carie Fisher, Stefan Baumgartner and so many others. Large preview ).

Website 129

Website Technology Technology Code 129

Smashing Magazine

JULY 7, 2021

Continue reading below ↓ Deep-dive into front-end accessibility with Carie Fisher in her upcoming Smashing workshop on Accessible Front-End Patterns. Jump to the workshop ?. So, to let the system identify correctly the rotation you will need to use at least three variants. Online, and live. Large preview ).

Design 144

Design Website Best Practices Games 144