Strategic Tech

JULY 22, 2019

How do we break a large system into smaller, more manageable modular components? This is the question I get asked the most, so I’ve put together this article describing a workshop recipe you can use. 45 minutes) I recommend allocating a full-day for this workshop as a starting point. 1 hour) Candidate Context Modelling (min.

Design 76

Design Systems Strategy Processing 76

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

AUGUST 2, 2021

Refactoring CSS: Strategy, Regression Testing And Maintenance (Part 2). Refactoring CSS: Strategy, Regression Testing And Maintenance (Part 2). In this article, we’ll take a deep dive into the refactoring process itself, and cover incremental refactoring strategy, visual regression testing, and maintaining the refactored codebase.

Strategy 132

Strategy Testing Best Practices Code 132

Smashing Magazine

MARCH 19, 2021

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 140

Mobile Design Cache Code 140

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

JULY 5, 2021

Usually, we use hexadecimal color codes (hex colors) which are fine, but they have a couple of issues: They are limiting; They’re hard to understand from reading them. Adding on that, it’s not easy to guess what color is from looking at the hex code. On design systems, CSS/JS and UX. Jump to online workshops ?.

Design 144

Design Testing Code Systems 144

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

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 107

Efficiency Code Strategy Network 107

Smashing Magazine

JULY 21, 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 ?. To use the colors right away, just copy and paste their code or export them to Sketch.

Social Media 145

Social Media Design Media Systems 145

Smashing Magazine

NOVEMBER 5, 2021

The Value Of Concept Testing As Part Of Product Design. The Value Of Concept Testing As Part Of Product Design. Concept testing is a research method that involves getting user feedback during the upfront part of the design process to give feedback on potential solutions. What Is Concept Testing? Victor Yocco.

Design 98

Design Testing Education Processing 98

Smashing Magazine

JULY 16, 2021

Let’s progress from theoretical considerations into hands-on code. In the following code block, you see a component listing the newest problems in an online shop. Continue reading below ↓ Deep-dive into front-end accessibility with Carie Fisher in her upcoming Smashing workshop on Accessible Front-End Patterns.

Strategy 141

Strategy Virtualization Government Education 141

Smashing Magazine

SEPTEMBER 2, 2021

Over the last little while, I’ve been able to collect links to several interactive coding tools and apps that can help you supplement your skills in different areas of web development. This is a straightforward flexbox playground that also generates the code for you. On design systems, CSS/JS and UX. Jump to online workshops ?.

Development 145

Development Games Education Programming 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. We’re not going to delve into how to code it — rather, the factors that will determine our development decisions.

Development 139

Development Media Design Mobile 139

Smashing Magazine

OCTOBER 4, 2021

Finally, let’s add a paragraph with helpful text on how to use the gallery, and wrap the whole code in a landmark (in this case, the main element). <main> Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A.

Media 118

Media Design Code Internet 118

Smashing Magazine

AUGUST 3, 2021

This premise, known as graceful degradation allows a system to continue working when parts of it are dysfunctional — much like an electric bike becomes a regular bike when its battery dies. Often system failures are chalked up as “corner cases” — things that rarely happen, however, the web has many corners.

Network 145

Network Engineering Monitoring Availability 145

Smashing Magazine

OCTOBER 18, 2021

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. On design systems, CSS/JS and UX. Jump to online workshops ?.

Website 106

Website Google Metrics Testing Tools 106

All Things Distributed

FEBRUARY 3, 2017

Bloom Filters, conceived by Burton Bloom in 1970, are probabilistic data structures to test whether an item is in a set. From Dynamo and Postgress, to HBase and Bitcoin, Bloom Filters are used in almost all modern distributed systems. Space/Time Trade-offs in Hash Coding with Allowable Errors ", Bloom, Burton H., Sanders, P.;

Cache 110

Cache Efficiency Code Testing 110

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. There is also a test folder to carry out testing for this feature. Jump to the workshop ?.

Speed 133

Speed Processing Development Code 133

Strategic Tech

MARCH 16, 2021

I believe that attitude towards the design of code and architecture is one of them. In my experience, the culture is better and the results are better in orgs where engineers and architects obsess over the design of code and architecture. Visualisation techniques like EventStorming can also be used to design code.

Software Engineering 80

Software Engineering Design Engineering Software 80

Smashing Magazine

AUGUST 12, 2021

design systems. responsive design and testing. For accessible color palettes, Geenes.app is a reliable and sophisticated tool that allows you to create, maintain, sync and test color palettes and their variations. Design Systems With Figma. The Design System Manager plugin for Figma makes it possible. annotations.

Google 145

Google Design Code Mobile 145

Testsigma

DECEMBER 18, 2019

To improve the quality of a software product built by developers, software testing is the key. Testing is essential to ensure that the end product delivered is stable and works according to the required specifications. Test coverage has a huge impact on what is received as an end product. Training and adaptation.

Testing 73

Testing Open Source Strategy Processing 73

Smashing Magazine

JANUARY 21, 2021

And suddenly, before you know it, the code base gets a little bit overweight and fragmented , third-party scripts have to load just a little bit earlier, and shiny new dynamic content finds its way into the DOM through the backdoors of fourth-party scripts and their uninvited guests. Once the workshop was over, we got to work.

Performance 145

Performance Cache Mobile Network 145

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. Also, the management will be dissatisfied with the decreased traffic and revenue caused by the unoptimized codebase, despite the code quality improvements. Adrian Bece.

Media 109

Media Performance Cache Strategy 109

Smashing Magazine

SEPTEMBER 28, 2021

Two notable examples are comments on GitHub and the source code for posts on Smashing Magazine! 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 ?.

Website 130

Website Technology Technology Code 130

Smashing Magazine

AUGUST 18, 2021

Sample Files And Instructions For Running The Code. You can find the full code snippets of this article in the following files: index.html. Since the code contains JavaScript modules, you can only run the example from an HTTP server and not from the local file system. On design systems, CSS/JS and UX.

Code 139

Code Servers Development Availability 139

O'Reilly Software

MAY 15, 2018

Whether it’s dev, staging, testing, or production, developers need assurance that the code they deploy to one environment is going to work in another. Developers at the "Istio Hands-on Workshop" at KubeCon in Copenhagen. This, in turn, helps teams fully utilize all available capacity to consistently run systems at scale.

Development 73

Development Media Google Network 73

Tasktop

OCTOBER 22, 2020

While these metrics are key in measuring flow in a specific area of the value stream (such as measuring lead time between code commit and deploy), they do not reflect the reality of how long it really takes to deliver business value from ideation to operation. Edwards Deming, to improve the system you need to get outside the system.

Energy 52

Energy Metrics Government Software 52

Smashing Magazine

JULY 9, 2021

Of the 1 million home pages that were tested, over 51 million errors were detected averaging 51.4 When maintenance is needed, it won’t take the team as long to maintain the code because of accessibility and clean code.”. Demonstrations of live testing with disabled users are also another way to get buy-in across the board.

Website 145

Website Mobile Design Testing 145

O'Reilly

MARCH 23, 2023

It can explain code that you don’t understand, including code that has been intentionally obfuscated. It can pretend to be an operating system. Sydney The internal code name of the chatbot behind Microsoft’s improved search engine, Bing. BLOOM An open source model developed by the BigScience workshop.

Google 103

Google Open Source Programming Code 103

Smashing Magazine

NOVEMBER 19, 2021

Unfortunately, there aren’t any special systems to provide custom statically generated pages for different wildcard subdomains like you may with dynamic routing for example (where you have [slug].js Jump to the workshop ?. The Caveats Of Wildcards With Next.js. Difficulties with Development. Online, and live. Dec 2–3, 2021. 0]) }, []).

Servers 84

Servers Website Code Best Practices 84

John McCalpin

APRIL 2, 2020

This was a keynote presentation at the “2nd International Workshop on Performance Modeling: Methods and Applications” (PMMA16), June 23, 2016, Frankfurt, Germany (in conjunction with ISC16 ). This includes all architectures, all compilers, all operating systems, and all system configurations.

Benchmarking 59

Benchmarking Performance Latency Architecture 59

Smashing Magazine

JUNE 2, 2021

The project consisted of upgrading the shop software to our own open-source system and redoing the shop’s front end from scratch. Add to that the payment provider drop-in, and you have yourself some pages that no one will want to touch once they have been properly tested and work. Jump to online workshops ?. Large preview ).

Performance 116

Performance Cache Website Mobile 116

Smashing Magazine

AUGUST 20, 2021

However, unlike the early days of the web, static sites are no longer limited to developers working in a code editor. During the 90s, we saw two content management systems for static sites — Microsoft FrontPage in 1996 and Macromedia Dreamweaver in 1997. Jump to the workshop ?. Online, and live. Aug 31 & Sep 1, 2021.

Ecommerce 139

Ecommerce Website Government Internet 139

Smashing Magazine

AUGUST 5, 2021

Or perhaps there is no mistake on our end at all, and it’s a system bug that’s absolutely out of our control. When large parts of the interface are disabled , most customers will assume that the system is busy , and some process is happening in the background on the page. Or we’ve overlooked some fine print somewhere.

Design 145

Design Transportation Code Systems 145

Smashing Magazine

JULY 28, 2021

There are plenty of them out there already that have been tested, audited, used and reused and you should prefer these ones over your own. We will use modern JavaScript for sake of simplicity (such as classes and arrow functions), but keep in mind that this code might not work in legacy browsers. Jump to the workshop ?.

Code 140

Code Design Technology Technology 140

Smashing Magazine

DECEMBER 23, 2021

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. More after jump!

Best Practices 109

Best Practices AWS Processing Design 109