Availability, Code, Processing and Workshop - Technology Performance Pulse

Cloud Automation workshop roadshow: Kick-off

Dynatrace

JULY 30, 2021

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

Cloud DevOps Azure Virtualization

Improving JavaScript Bundle Performance With Code-Splitting

Smashing Magazine

FEBRUARY 2, 2022

Improving JavaScript Bundle Performance With Code-Splitting. Improving JavaScript Bundle Performance With Code-Splitting. 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. Adrian Bece.

Code

Code Performance Network Website

How to start with SLOs to align Business, DevOps, and SREs

Dynatrace

DECEMBER 16, 2021

In a recent workshop I did with a global player in the financial market we used their new mobile banking app as a reference. If that service is slow, failing, or not available at all it results in frustration mentioned in some of the comments on social media and the app store. Availability. Response time.

DevOps

DevOps Social Media Mobile Metrics

Modelling Bounded Contexts with the Bounded Context Design Canvas: A Workshop Recipe

Strategic Tech

JULY 22, 2019

This is the question I get asked the most, so I’ve put together this article describing a workshop recipe you can use. In Domain-Driven Design, a large system is decomposed into bounded contexts , which become natural boundaries in code as microservices and as teams in the organisation. 1 hour) Candidate Context Modelling (min.

Design

Design Systems Strategy Processing

Plan, execute, and modernize a cloud migration strategy with Dynatrace

Dynatrace

MAY 9, 2022

Define the strategy, assess the environment, and perform migration-readiness assessments and workshops. Dynatrace Smartscape provides a near-real-time environment topology visualization of all the dependencies across the infrastructure, process, and services. However, the foundational stages are similar: Assess and discover.

Strategy

Strategy Cloud Infrastructure Metrics

Sustainability Talks and Updates from AWS re:Invent 2023

Adrian Cockcroft

NOVEMBER 26, 2023

For re:Invent 2021 my team (but mostly Elise Greve) persuaded the re:Invent organizers to include Sustainability as a track code, and that was repeated for 2022 and now for 2023. In this workshop, investigate the relationship between air quality and weather using Amazon SageMaker Studio.

AWS

AWS Energy IoT Best Practices

Exploring The Potential Of Web Workers For Multithreading On The Web

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

Efficiency Code Strategy Network

How To Build Resilient JavaScript UIs

Smashing Magazine

AUGUST 3, 2021

Lots can go wrong: a network request fails, a third-party library breaks, a JavaScript feature is unsupported (assuming JavaScript is even available), a CDN goes down, a user behaves unexpectedly (they double-click a submit button), the list goes on. Jump to online workshops ?. JavaScript is less forgiving. Resilience is extrinsic.

Network

Network Engineering Availability Monitoring

The State Of Web Workers In 2021

Smashing Magazine

JUNE 30, 2021

The web is streaming, meaning it has none of the resources locally available when you open an app for the first time. iOS empowers developers to easily parallelize code using Grand Central Dispatch , Android does this via their new, unified task scheduler WorkManager and game engines like Unity have job systems.

Games

Games Architecture Code C++

Creating An Interactive Gantt Chart Component With Vanilla JavaScript

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. Jump to online workshops ?. VanillaGanttChart.js.

Code

Code Servers Development Availability

Percentiles don’t work: Analyzing the distribution of response times for web services

Adrian Cockcroft

JANUARY 29, 2023

A later version of the slides is included in my Microservices Workshop deck from later that year, slides 168–200 ( pdf , keynote are available in GitHub.com/adrianco/slides ). The code is written using the R statistics language and I downloaded a free copy of RStudio to run the examples below. >

Lambda

Lambda Latency Cache C++

How We Improved SmashingMag Performance

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

Performance Cache Mobile Network

Next.js Wildcard Subdomains

Smashing Magazine

NOVEMBER 19, 2021

Jump to the workshop ?. In code, that looks like this: export async function getServerSideProps(context) { let wildcard = context.req.headers.host.split(".")[0]; This approach, however, is far from perfect as there is a delay between the page’s first render and the wildcard being available. Online, and live. Dec 2–3, 2021.

Servers

Servers Website Code Best Practices

WaterBear: Building A Free Platform For Impactful Documentaries (Part 2)

Smashing Magazine

OCTOBER 2, 2023

Now, let’s dive into the technical features and best practices that my team adopted in the process of building the WaterBear web app. Meet Smashing Workshops on front-end, design & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. Here is how we tackled the challenge. image preload options. <head>

Cache

Cache Strategy Best Practices Design

Kubernetes and containers for enterprise developers

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

Development Media Google Network

Tips And Tricks For Evaluating UX/UI Designers

Smashing Magazine

OCTOBER 15, 2021

The reason we pay so much attention to design (as we do to any other detail in the process of project completion) is that it plays one of the crucial roles in your business success. When it comes to the decision-making process, many businesses make the same mistake over and over again. Jump to online workshops ?.

Design

Design Website Efficiency Games

Handling Mounting And Unmounting Of Navigation Routes In React Native

Smashing Magazine

AUGUST 11, 2021

An expected behavior of your app is that once the authentication condition is met, a new set of navigation routes are available only to logged-in users, while the other screens which were displayed before authentication is removed and can’t be returned to unless the user signs out of the application. Jump to online workshops ?.

Code

Code Storage Best Practices Design

A Brief Guide of xPU for AI Accelerators

ACM Sigarch

APRIL 26, 2018

APU: Accelerated Processing Unit is the AMD’s Fusion architecture that integrates both CPU and GPU on the same die. BPU: Brain Processing Unit is the design of the AI chips by Horizon Robotics. They unveiled their first two embedded AI chips fabricated with TSMC 40nm process in December 2017: “Journey 1.0

Hardware

Hardware Artificial Intelligence Architecture Google

Tools And Practices To Speed Up The Vue.js Development Process

Smashing Magazine

JULY 8, 2021

Development Process. Development Process. 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. Jump to the workshop ?. Uma Victor. 2021-07-08T11:00:00+00:00.

Speed

Speed Processing Development Code

How To Fix Cumulative Layout Shift (CLS) Issues

Smashing Magazine

JUNE 2, 2021

All of these techniques basically involve setting aside the correct amount of space before additional content is loaded — whether that is media or JavaScript-injected content, but there’s a few different options available to web developers to do this. Jump to online workshops ?. Set Width And Heights On Images And iFrames.

Media

Media Metrics Website Google

What, Exactly, Is Agile Management?

The Agile Manager

AUGUST 31, 2021

If we accept the fact that Agile is a value system and not a set of mechanical processes, it stands to reason that there must be something different about the norms and behaviors of Agile managers vis-a-vis traditional managers. Create and adapt the mechanical processes and social systems through which the team gets things done.

Metrics

Metrics Design Engineering C++

The Surprising Effectiveness of Non-Overlapping, Sensitivity-Based Performance Models

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 ). Over time, the mechanisms introduced for reducing energy consumption (first in laptops) became available more broadly.

Benchmarking

Benchmarking Performance Latency Architecture

What Adrian Did Next?—?Part 2?—?Sun Microsystems

Adrian Cockcroft

JUNE 21, 2022

I also learned how marketing worked, and began to build my presentation and training skills as I was sent around the world by Sun to teach workshops and speak at events. I still code in R… One role I had for many years was to lead technical training events for the global specialist systems engineers, which we called the Ambassador Program.

Tuning

Tuning Benchmarking Engineering C++

The Value Of Concept Testing As Part Of Product Design

Smashing Magazine

NOVEMBER 5, 2021

Without some type of user input guiding our process, we are left being directed by the same high-level stakeholder assumptions we often rally against as being the antithesis to UX: those holding the purse strings have the loudest voice in the room. I believe concept testing is a pivotal part of the up-front UX process. Large preview ).

Design

Design Testing Education Processing

AVIF for Next-Generation Image Coding

The Netflix TechBlog

FEBRUARY 13, 2020

Brief overview of image coding formats The JPEG format was introduced in 1992 and is widely popular. This is followed by quantization and entropy coding. With the motion extension, it was accepted as the video coding standard for digital cinema in 2004. Webp is based on intra-frame coding from the VP8 video coding format.

Code

Code Metrics Efficiency Open Source

Symphonia at Velocity 2018, and more Serverless Insights

The Symphonia

JUNE 19, 2018

I was fortunate to be both presenting a 2-day workshop (on AWS Serverless Architectures and Continuous Deployment) as well as hosting a full-day Serverless track of talks. This was a good, balanced, assessment, and it was fascinating to see Pulumi’s “code over template” approach. I wholeheartedly agree.

Serverless

Serverless AWS DevOps Open Source

Refactoring CSS: Strategy, Regression Testing And Maintenance (Part 2)

Smashing Magazine

AUGUST 2, 2021

Before bringing up the refactoring proposal to the management and stakeholders, it can be useful to back up the suggestion with some hard data about the codebase health — not only to convince the management department, but also have a measurable goal for the refactoring process. Preparation And Planning.

Strategy

Strategy Testing Best Practices Code

Developer Decisions for Building Flexible Components

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. Jump to online workshops ?. In those cases, we have some other options available to us.

Development

Development Media Design Mobile

5 Steps to Accelerate your Cloud Migration with Dynatrace

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. There is no code or configuration change necessary to capture data and detect existing services. Step 2: Understand your Dependencies: No Host or Process left alone!

Cloud

Cloud Traffic Database Network

How To Build An Ethical User Research Practice At Any Organization

Smashing Magazine

AUGUST 19, 2021

Ethics are an important part of human-computer interaction because they keep people at the heart of the design process. For example, try and recall the last time your team’s processes were audited for compliance against the company’s ethical standards. It all starts with a Code of Ethics. “I Devin Harold. Credit: Devin Harold.

Code

Code Design Education Government

Refactoring CSS: Introduction (Part 1)

Smashing Magazine

JULY 12, 2021

However, this simplicity leaves the door open for many potential issues and technical debt — bloated code, specificity hell, duplicated code blocks with very little to no difference, leftover unused selectors, unnecessary hacks, and workarounds, to name a few. Leftover, unused chunks of code from deleted features.

Best Practices

Best Practices Website Architecture Media

GraphQL On The Front-End (React And Apollo)

Smashing Magazine

NOVEMBER 4, 2021

It allows developers to define, handle, and make queries/mutations available within our application. Let’s get right into the code. Just before we start, this is the repo containing the code demonstrating everything under Real-time update on GraphQL, using Apollo as a state management tool, Fragments, and Apollo directives.

Cache

Cache Servers Transportation Code

Jamstack CMS: The Past, The Present and The Future

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. Now there’s a massive range of Jamstack CMSs available, which bring all the advantages of static sites while allowing non-technical folk to update content. Jump to the workshop ?. Online, and live.

Ecommerce

Ecommerce Website Government Internet

Email Testing Flow As It Should Be

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 ?. The trick is that different email clients use different rendering engines — this means that there is no standard for processing email templates.

Testing

Testing Servers Social Media Automotive

What Are ChatGPT and Its Friends?

O'Reilly

MARCH 23, 2023

It can explain code that you don’t understand, including code that has been intentionally obfuscated. An API for ChatGPT is available. GPT-3 and GPT-4 are not open source, but are available for free and paid access. Sydney The internal code name of the chatbot behind Microsoft’s improved search engine, Bing.

Google

Google Open Source Programming Code

Inspired Design Decisions: Neville Brody Design Cannot Remain Neutral

Smashing Magazine

MARCH 2, 2020

Local screen-printing workshops offered affordable flyers and posters. You can still find copies available on eBay. The Story of The Face: The Magazine that Changed Culture’ by Paul Gorman is more readily available, as is a compendium of all twenty issues of FUSE. I still have the backstage pass which Billy signed for me.

Design

Design Media Testing Entertainment

Maintaining End-To-End Quality With Visual Testing

Smashing Magazine

JULY 19, 2021

Between an endless amount of code to make sure you’re providing full coverage and dealing with the fragile nature of front-end tests — where a simple selector change can completely break an end-to-end workflow — it can sometimes feel like an uphill battle. They’re all testing the code. Jump to the workshop ?.

Testing

Testing Code Design Strategy

How To Build An Amazon Product Scraper With Node.js

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. But first of all, I’d like to make something clear right now — while the act of scraping publicly available data is legal, Amazon has some measures to prevent it on their pages. Jump to the workshop ?. Online, and live.

Website

Website Code Retail Best Practices

Useful Figma Plugins And Tools

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

Google Design Code Mobile

Making A Strong Case For Accessibility

Smashing Magazine

JULY 9, 2021

When maintenance is needed, it won’t take the team as long to maintain the code because of accessibility and clean code.”. To humanize the decision-making process and get executives and colleagues on board by showing them what struggles are faced on a daily basis by disabled users using inaccessible products.

Website

Website Mobile Design Testing

MXNet - Deep Learning Framework of Choice at AWS

All Things Distributed

NOVEMBER 22, 2016

At Amazon, machine learning has been key to many of our business processes, from recommendations to fraud detection, from inventory levels to book classification to abusive review detection. AWS will contribute code and improved documentation as well as invest in the ecosystem around MXNet. AWS and Support for Deep Learning Frameworks.

AWS

AWS Open Source Scalability Programming

Frustrating Design Patterns: Disabled Buttons

Smashing Magazine

AUGUST 5, 2021

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. As it turns out, we do so just to avoid any disruptions or interruptions of the ongoing process. Jump to the workshop ?. Online, and live. Aug 18 & 20, 2021.

Design

Design Transportation Code Systems

50 Resources And Tools To Turbocharge Your Copywriting Skills

Smashing Magazine

OCTOBER 29, 2021

Jump to the workshop ?. A freely available online version of the classic reference book, The Elements of Style by William Strunk, Jr. Not strictly aimed at copywriters but still a good overview of the steps in the writing process. They have a wide range of low-cost and even free tutorials available on demand.

Energy

Energy Best Practices Design Availability

Useful React Hooks That You Can Use In Your Projects

Smashing Magazine

NOVEMBER 12, 2021

We’ll go through several code examples of each hook and also explore how you’d create a custom hook. 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!

Code

Code Availability Efficiency Performance

Cloud Automation workshop roadshow: Kick-off

Improving JavaScript Bundle Performance With Code-Splitting

Trending Sources

How to start with SLOs to align Business, DevOps, and SREs

Modelling Bounded Contexts with the Bounded Context Design Canvas: A Workshop Recipe

Plan, execute, and modernize a cloud migration strategy with Dynatrace

Sustainability Talks and Updates from AWS re:Invent 2023

Exploring The Potential Of Web Workers For Multithreading On The Web

How To Build Resilient JavaScript UIs

The State Of Web Workers In 2021

Creating An Interactive Gantt Chart Component With Vanilla JavaScript

Percentiles don’t work: Analyzing the distribution of response times for web services

How We Improved SmashingMag Performance

Next.js Wildcard Subdomains

WaterBear: Building A Free Platform For Impactful Documentaries (Part 2)

Kubernetes and containers for enterprise developers

Tips And Tricks For Evaluating UX/UI Designers

Handling Mounting And Unmounting Of Navigation Routes In React Native

A Brief Guide of xPU for AI Accelerators

Tools And Practices To Speed Up The Vue.js Development Process

How To Fix Cumulative Layout Shift (CLS) Issues

What, Exactly, Is Agile Management?

The Surprising Effectiveness of Non-Overlapping, Sensitivity-Based Performance Models

What Adrian Did Next?—?Part 2?—?Sun Microsystems

The Value Of Concept Testing As Part Of Product Design

AVIF for Next-Generation Image Coding

Symphonia at Velocity 2018, and more Serverless Insights

Refactoring CSS: Strategy, Regression Testing And Maintenance (Part 2)

Developer Decisions for Building Flexible Components

5 Steps to Accelerate your Cloud Migration with Dynatrace

How To Build An Ethical User Research Practice At Any Organization

Refactoring CSS: Introduction (Part 1)

GraphQL On The Front-End (React And Apollo)

Jamstack CMS: The Past, The Present and The Future

Email Testing Flow As It Should Be

What Are ChatGPT and Its Friends?

Inspired Design Decisions: Neville Brody Design Cannot Remain Neutral

Maintaining End-To-End Quality With Visual Testing

How To Build An Amazon Product Scraper With Node.js

Useful Figma Plugins And Tools

Making A Strong Case For Accessibility

MXNet - Deep Learning Framework of Choice at AWS

Frustrating Design Patterns: Disabled Buttons

50 Resources And Tools To Turbocharge Your Copywriting Skills

Useful React Hooks That You Can Use In Your Projects

Stay Connected