Smashing Magazine

JULY 1, 2021

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 121

Testing Best Practices Code Design 121

Smashing Magazine

JULY 19, 2021

Maintaining End-To-End Quality With Visual Testing. Maintaining End-To-End Quality With Visual Testing. Testing is a critical part of any developer’s workflow. But often automated tests can be a pain to manage. A Quick Look At Some Of The Types Of Automated Testing. Colby Fayock. 2021-07-19T10:30:00+00:00.

Testing 142

Testing Code Design Strategy 142

Smashing Magazine

OCTOBER 11, 2022

All industries have a part to play, and that includes web design and development. Businesses that achieve BCorp status can benefit (according to the website) from “committed and motivated employees, increased customer loyalty, higher levels of innovation, and market leadership”. On design systems, UX, web performance and CSS/JS.

Strategy 124

Strategy Development Energy Website 124

Smashing Magazine

JULY 2, 2021

Email Testing Flow As It Should Be. Email Testing Flow As It Should Be. By testing every single email aspect! Unfortunately, email testing is often underestimated and leads to email testing mistakes that kill all your effort spent on creating a great email sequence. Let’s talk email testing! More after jump!

Testing 110

Testing Servers Social Media Automotive 110

Smashing Magazine

SEPTEMBER 8, 2021

In the real world, content often differs vastly from the neat, perfectly fitting content presented in designs. 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.

Development 139

Development Media Design Mobile 139

CSS Wizardry

JULY 23, 2023

I am available to help you find and fix your site-speed issues through performance audits , training and workshops , consultancy , and more. I’m available for hire to help you out with workshops , consultancy , advice , and development. I’m available for hire to help you out with workshops , consultancy , advice , and development.

Engineering 246

Engineering Google Speed Mobile 246

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 139

Automotive Website Social Media Design 139

Strategic Tech

NOVEMBER 29, 2019

The result is that we create better designed software systems and teams of problem solvers rather than order takers. Used judiciously, EventStorming gives us the ability to uncover enough information about our domain and our business that we can use it to design our microservices, bounded contexts, and even our teams.

Design 59

Design IoT Energy Software 59

The Netflix TechBlog

JANUARY 11, 2022

Here we describe the role of Experimentation and A/B testing within the larger Data Science and Engineering organization at Netflix, including how our platform investments support running tests at scale while enabling innovation. What more can we learn from this test, to inform the next one?”

Innovation 243

Innovation Metrics Engineering Testing 243

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. The case for accessibility is this; we as stakeholders, managers, teams, designers and developers need to do better in not only practicing accessibility but advocating for it as well. errors per page.

Website 145

Website Mobile Design Testing 145

Smashing Magazine

JULY 16, 2021

Component-based design, enabled and enforced by modern JavaScript frameworks, does not only provide great developer experiences and project ergonomics when used in a smart way, but it can also offer advantages for accessibility. website : 1 — Welcome to GOV.UK Jump to the workshop ?. 2 — Popular on GOV.UK

Strategy 141

Strategy Virtualization Government Education 141

Smashing Magazine

JULY 21, 2021

All you need to do is select a base color, the contrast ratio of the shades, and the number of color variations you’d like to have, and the tool generates a perfectly-balanced color palette that you can copy and paste into your favorite design tool. On design systems, CSS/JS and UX. Jump to online workshops ?. A true timesaver.

Social Media 145

Social Media Design Media Systems 145

Smashing Magazine

JUNE 2, 2021

Real-life performance for your users and how the website “feels” when you’re using it should not be discounted, even if it costs you a point or two in Page Speed (otherwise, we would all just have a search bar and unstyled text). The design was made by a design and UX agency that also handled the HTML prototype (based on Bootstrap 4).

Performance 116

Performance Cache Website Mobile 116

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 tokens. design systems. responsive design and testing. responsive design and testing. Table of Contents.

Google 145

Google Design Code Mobile 145

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

In previous articles from this series, we’ve covered auditing CSS codebase health and the incremental CSS refactoring strategy , testing, and maintenance. 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.

Media 109

Media Performance Cache Strategy 109

Smashing Magazine

JULY 7, 2021

Joining the Beta is free and once you submit the form, it should not take more than two or three days before you see Interactive Components appear in your Figma design tool. I have created a Figma design file with the examples from this article. Once you join the Beta, you can duplicate my design and follow along more easily.

Design 144

Design Website Best Practices Games 144

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. Web Workers are designed to perform tasks that do not require direct access to the UI, such as data processing, image manipulation, or calculations.

Efficiency 107

Efficiency Code Strategy Network 107

Smashing Magazine

AUGUST 4, 2021

Continue reading below ↓ Deep-dive into front-end accessibility with Carie Fisher in her upcoming Smashing workshop on Accessible Front-End Patterns. With best practices and guidelines on accessibility, assistive technology and inclusive design patterns. Jump to the workshop ?. react-keyed-flatten-children tests.

Open Source 138

Open Source C++ Google Website 138

Smashing Magazine

MAY 23, 2022

Whenever we export an icon from a design tool, it comes with a specific fill and other color values defined in the design. 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 ?.

Media 141

Media Tuning Design Website 141

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 ?. CSS is designed to not lose content, to not cause harm. More after jump! Debugging Overflow.

Design 145

Design Availability Mobile Website 145

Rigor

SEPTEMBER 11, 2019

If you want to vastly improve the startup and load performance of your website, you cannot miss the impactful observations and insights that Jake posts on jakearchibald.com/ and shares on Twitter @ jaffathecake. He writes about Progressive Web Apps on Medium as well as on his own website. Rick Byers. Rick Byers. Tammy Everts.

Performance 89

Performance Education Google Website 89

Testsigma

DECEMBER 23, 2021

The Complete Software Tester: Concepts, Skills, and Strategies for High-Quality Testing by Kristin Jackvony. Agile Testing: A Practical Guide for Testers and Agile Teams by Lisa Crispin and Janet Gregory. A Practitioner’s Guide to Software Test Design by Lee Copeland. A new level of Testing by Huib Schoots.

Software 52

Software Software Java Testing 52

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 ?. A good way to test for keyboard traps? More after jump! Large preview ). Use the Tab key !

Website 130

Website Technology Technology Code 130

Smashing Magazine

NOVEMBER 19, 2021

This space can act as its own website — not tied to anything. Continue reading below ↓ Meet Design The Perfect Navigation , with Vitaly Friedman. Jump to the workshop ?. The benefit of this is that it gives each of these establishments their enclosed space which they can customize and build out. More after jump!

Servers 84

Servers Website Code Best Practices 84

Smashing Magazine

JULY 8, 2021

. +-- modules/ | +-- payout/ | +-- index.js | +-- assets/ | +-- Components/ | +-- PayOut.vue | +-- UserInfo.vue | +-- store/ | +-- index.js. | +-- actions.js | +-- mutations.js. | +-- Test/. There is also a test folder to carry out testing for this feature. Jump to the workshop ?. Testing libraries. Unit testing.

Speed 133

Speed Processing Development Code 133

Smashing Magazine

FEBRUARY 2, 2022

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 ?. Like any file referenced and used on a website, it first needs to be downloaded from a server.

Code 89

Code Performance Network Website 89

Jos

APRIL 6, 2018

Componentizing generally makes testing and maintenance easier. You can check Website Sameness or Web Design Trends: Why Do All Websites Look The Same? Here I’m rendering a test page (you can see the source here ) using Google Webmaster Tools’ “Fetch as Google”. progress * 4 ) } workshops · { Math.

Code 147

Code Performance Media Google 147

Smashing Magazine

JUNE 28, 2021

It’s a collection of mostly <head> tags and attributes I usually use on every website I build. 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.

Code 101

Code Social Media Media Website 101

Jos

APRIL 5, 2018

Componentizing generally makes testing and maintenance easier. You can check Website Sameness or Web Design Trends: Why Do All Websites Look The Same? Here I’m rendering a test page (you can see the source here ) using Google Webmaster Tools’ “Fetch as Google”. progress * 4 ) &#125; workshops · &#123; Math.

Code 130

Code Performance Google Media 130

Smashing Magazine

JANUARY 21, 2021

It always starts with the long-awaited website overhaul. We were designing and building things, setting up new products, refactoring the components, and publishing articles. Throughout the workshop, I was diligently taking notes and revisiting the codebase. Once the workshop was over, we got to work. Vitaly Friedman.

Performance 145

Performance Cache Mobile Network 145

Smashing Magazine

OCTOBER 22, 2021

As flawed as the implementation was, it was sufficiently playable to invite friends for a first test drive. 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. More after jump!

Games 95

Games Servers Database Virtualization 95

Smashing Magazine

JUNE 25, 2021

Instead of building everything by hand, we can rely on the tested and proven framework. 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 117

Design Systems Code Processing 117

Jos

APRIL 5, 2018

Puedes echar un ojo a Website Sameness o Web Design Trends: Why Do All Websites Look The Same? Aquí estoy cargando una página de test (puedes ver el código fuente aquí ) usando la función “Fetch as Google” de Google Webmaster Tools. progress * 4 ) &#125; workshops · &#123; Math. para más inspiración :).

Code 130

Code Google Media Performance 130