Best Practices, Code 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

SpringOne Platform: Four great days of sharing new ways of innovating with Pivotal Platform

Dynatrace

OCTOBER 28, 2019

Automation was a hot topic at the event and Dynatrace had the opportunity to host a workshop “Building Autonomous Operations for Pivotal Platform with Keptn”. The workshop taught best practices that companies can look toward to automate more of their environment and tame and better manage the complexity.

Innovation

Innovation Open Source Serverless Best Practices

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. It’s a common misconception that the code which is produced by the framework build tools (Webpack, for example) is fully optimized and cannot be improved upon any further. The answer lies in code-splitting.

Code

Code Performance Network Website

It’s A (Front-End Testing) Trap! Six Common Testing Pitfalls And How To Solve Them

Smashing Magazine

JULY 1, 2021

Well, it’s simply an apt allegory when it comes to dealing with tests in a code base. These traps might feel like an unexpected ambush when you’re working on a code base, especially when doing so for a long time. They test units of code together, looking at their interaction. Integration tests have a broader scope.

Testing

Testing Best Practices Code Design

Three Insights I Gained While Researching Vue.js Accessibility

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

Strategy Virtualization Government Education

Global vs. Local Styling In Next.js

Smashing Magazine

JULY 27, 2021

is opinionated about how to organize JavaScript code, but it doesn’t have built-in opinions about how to organize CSS. and exercise best CSS practices. There are a couple of questions we have to consider when organizing style within Next.js: How can we fit within the conventions/best practices of the framework?

Website

Website Design Best Practices Code

Where programming languages are headed in 2020

O'Reilly

JANUARY 13, 2020

Binder, she notes, “was widely used last year for teaching workshops and tutorials at many Python conferences.” The experimental DSL for code contracts gives developers the ability to provide guarantees about the ways that code behaves. Does your function have side effects?

Programming

Programming Java Google C++

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

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. Jump to the workshop ?. code some certain instructions that are peculiar to Vue.js. Online, and live.

Speed

Speed Processing Development Code

Solving CLS Issues In A Next.js-Powered E-Commerce Website (Case Study)

Smashing Magazine

OCTOBER 18, 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 ?. This component incorporates several image-related best practices. More after jump! On design systems, CSS/JS and UX.

Website

Website Google Metrics Testing Tools

React Children And Iteration Methods

Smashing Magazine

AUGUST 4, 2021

In this article, we’ll look at a React utility React.Children.toArray which lets us prepare the children prop for inspection and iteration, some of its shortcomings and how to overcome them — through a small open-source package, to keep our React code function the way it is deterministically supposed to behave, keeping performance intact.

Open Source

Open Source C++ Google Website

Useful Figma Plugins And Tools

Smashing Magazine

AUGUST 12, 2021

If you’d like to dive a bit deeper into animation with Figma, a guide to adding animation to your designs in Figma shows the entire workshop, and various options you have, step-by-step. You can choose from a huge library of palettes or search for a specific color code, name or number to apply to your design. Jump to online workshops ?.

Google

Google Design Code Mobile

A Guide To Attracting Clients To Your Agency

Smashing Magazine

JULY 23, 2021

After all, content marketing: Should lead to good search engine rankings if well written and targeted; Educates clients about best practices; Demonstrates to readers your expertise; Builds a relationship with your followers at scale; Offers the ability to reach a large number of potential clients. Jump to the workshop ?.

Social Media

Social Media Media Network Website

Creating A Custom Range Input That Looks Consistent Across All Browsers

Smashing Magazine

DECEMBER 23, 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 ?. More after jump! On design systems, CSS/JS and UX. With Carie Fisher, Stefan Baumgartner and so many others. Focus Styles.

Best Practices

Best Practices AWS Processing Design

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.”. Design systems should be used not only to ensure branding and consistency, but accessibility, inclusivity, and understanding of code better. Best Practices For Maintaining Accessibility.

Website

Website Mobile Design Testing

Handling Mounting And Unmounting Of Navigation Routes In React Native

Smashing Magazine

AUGUST 11, 2021

Once our app is set up, we can change our directory to our new project directory and open it in your favorite code editor. 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 ?.

Code

Code Storage Best Practices Design

Next.js Wildcard Subdomains

Smashing Magazine

NOVEMBER 19, 2021

With 100s of real-life examples , guidelines and best practices that you can apply right away. Jump to the workshop ?. In code, that looks like this: export async function getServerSideProps(context) { let wildcard = context.req.headers.host.split(".")[0]; From complex mega-dropdowns to carousels and filters. 0]) }, []).

Servers

Servers Website Code Best Practices

Smart CSS Solutions For Common UI Challenges

Smashing Magazine

OCTOBER 14, 2021

The article also provides plenty of code examples to get started with! With 100s of real-life examples , guidelines and best practices that you can apply right away. Jump to the workshop ?. If you’d like to dive deeper into the code, Hakim also published a demo on Codepen. The Minimap For The Web. Online, and live.

Games

Games Design Code Strategy

How To Build An Ethical User Research Practice At Any Organization

Smashing Magazine

AUGUST 19, 2021

How do you get started leveraging ethics in your user research practice to influence how you do your work in a way that upholds a set of guiding standards? It all starts with a Code of Ethics. “I Outcomes of a code of ethics affect almost every aspect of your user research practice, from processes to templates and team environment.

Code

Code Design Education Government

How To Build An Amazon Product Scraper With Node.js

Smashing Magazine

OCTOBER 28, 2021

With 100s of real-life examples , guidelines and best practices that you can apply right away. Jump to the workshop ?. You need to adapt your scraper’s code for a specific system , and if you use the same script on a new kind of page, you’d have to rewrite parts of it. Online, and live. Oct 25 – Nov 8, 2021.

Website

Website Code Retail Best Practices

50 Resources And Tools To Turbocharge Your Copywriting Skills

Smashing Magazine

OCTOBER 29, 2021

With 100s of real-life examples , guidelines and best practices that you can apply right away. Jump to the workshop ?. Use the code 40OFF at checkout to get 40% off! Continue reading below ↓ Meet Smart Interface Design Patterns , with Vitaly Friedman. Online, and live. Oct 25 – Nov 8, 2021.

Energy

Energy Best Practices Design Availability

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 speaker: T.

AWS

AWS Energy IoT Best Practices

Email Testing Flow As It Should Be

Smashing Magazine

JULY 2, 2021

It is recommended to follow rules and best practices of building and sending emails. 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 ?. How can we address these challenges? Large preview ).

Testing

Testing Servers Social Media Testing Tools

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. I plan on sharing specifically what I learned from performance and accessibility practices as a first-time lead developer of a team , as well as what I wish I had known before we started.

Cache

Cache Strategy Best Practices Design

Tasktop Viz Launched, Conquering the Cost of Delay

Tasktop

MARCH 11, 2020

I was blown away by the graphical user interface designer, which turned hours of my coding controls into a few short drag-and-drop gestures. I had glimpsed the future of how user interfaces would be created, and had a working solution on my laptop that afternoon, which I subsequently built countless Java apps with.

Innovation

Innovation Metrics DevOps Mobile

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

Gone Floating Labels And Green Lighthouse Scores

Smashing Magazine

MARCH 19, 2021

New Online Workshops on Smashing. Almost a year ago, we started running our very own online workshops , and each and every one has been an incredible experience to our entire team. Here’s a brief overview of the workshops that we have planned for the **next months**: Dates. Workflow & Code. Workflow, Code.

Mobile

Mobile Design Cache Code

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

Smashing Magazine

AUGUST 2, 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 ?. Due to those styles having a wider reach and possibly affecting other components, we cannot simply edit the problematic code directly.

Strategy

Strategy Testing Best Practices Code

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 Performance Efficiency

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++

Technology Performance Pulse

Cloud Automation workshop roadshow: Kick-off

SpringOne Platform: Four great days of sharing new ways of innovating with Pivotal Platform

Trending Sources

Improving JavaScript Bundle Performance With Code-Splitting

It’s A (Front-End Testing) Trap! Six Common Testing Pitfalls And How To Solve Them

Three Insights I Gained While Researching Vue.js Accessibility

Global vs. Local Styling In Next.js

Where programming languages are headed in 2020

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

Solving CLS Issues In A Next.js-Powered E-Commerce Website (Case Study)

React Children And Iteration Methods

Useful Figma Plugins And Tools

A Guide To Attracting Clients To Your Agency

Creating A Custom Range Input That Looks Consistent Across All Browsers

Making A Strong Case For Accessibility

Handling Mounting And Unmounting Of Navigation Routes In React Native

Next.js Wildcard Subdomains

Smart CSS Solutions For Common UI Challenges

How To Build An Ethical User Research Practice At Any Organization

How To Build An Amazon Product Scraper With Node.js

50 Resources And Tools To Turbocharge Your Copywriting Skills

Sustainability Talks and Updates from AWS re:Invent 2023

Email Testing Flow As It Should Be

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

Tasktop Viz Launched, Conquering the Cost of Delay

Refactoring CSS: Introduction (Part 1)

Gone Floating Labels And Green Lighthouse Scores

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

Useful React Hooks That You Can Use In Your Projects

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

Stay Connected