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. UX design teams are passionate about our approach to solving problems and providing users with experiences that lead to their desired outcomes. UX teams should consider it a mandatory step in designing a product.

Design 98

Design Testing Education Processing 98

Jos

APRIL 5, 2018

We are explicit about our dependencies, so we know what code we need to run to run a specific component. Lazy-loading and bundle splitting can have a huge impact on page performance: less code requested, parsed, and executed. You can check Website Sameness or Web Design Trends: Why Do All Websites Look The Same?

Code 130

Code Performance Google Media 130

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. JavaScript Design Patterns. This is a straightforward flexbox playground that also generates the code for you. On design systems, CSS/JS and UX.

Development 145

Development Games Education Programming 145

Smashing Magazine

AUGUST 17, 2021

Icons are a fantastic way to help convey meaning and add some character to a design. Two versions available: Designers can use the Flagpack in Figma and Sketch, developers can install it directly within their code project (React, Vue, and Svelte are supported). Jump to the workshop ?. Open-Source Flag Icons.

Open Source 143

Open Source Design Availability Website 143

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 52

AWS Energy IoT Best Practices 52

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

Network 145

Network Engineering Availability Monitoring 145

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 106

Efficiency Code Strategy Network 106

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. JavaScript.

Games 145

Games Architecture Code C++ 145

The Netflix TechBlog

JANUARY 11, 2022

To directly support great decision-making throughout the company, there are a number of data science teams at Netflix that partner directly with Product Managers, engineering teams, and other business units to design, execute, and learn from experiments. see the end of those relationships when members elect to cancel. Sensitivity analysis.

Innovation 243

Innovation Metrics Engineering Testing 243

Smashing Magazine

OCTOBER 14, 2021

The article also provides plenty of code examples to get started with! To achieve it, Rauno uses an experimental CSS property element() to display a live image from an arbitrary HTML element (which currently only available in Firefox). Continue reading below ↓ Meet Smart Interface Design Patterns , with Vitaly Friedman.

Games 144

Games Design Strategy Code 144

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. DateTimeRenderer.js.

Code 139

Code Servers Development Availability 139

Smashing Magazine

OCTOBER 2, 2023

Meet Smashing Workshops on front-end, design & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. Jump to the workshops ↬ Using CDN For Caching And WebP For Lighter File Sizes As I mentioned a little earlier, our stack includes Sanity’s CMS. Here is how we tackled the challenge.

Cache 72

Cache Strategy Best Practices Design 72

Smashing Magazine

JUNE 2, 2021

The design was made by a design and UX agency that also handled the HTML prototype (based on Bootstrap 4). For the launch, we mostly focused on getting the new design out the door, but once the website’s relaunch went live, we started focusing our attention on turning the red and orange scores to greens. Large preview ).

Performance 115

Performance Cache Website Mobile 115

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

NOVEMBER 19, 2021

Continue reading below ↓ Meet Design The Perfect Navigation , with Vitaly Friedman. Jump to the workshop ?. In code, that looks like this: export async function getServerSideProps(context) { let wildcard = context.req.headers.host.split(".")[0]; More after jump! From complex mega-dropdowns to carousels and filters.

Servers 83

Servers Website Code Best Practices 83

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

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. On design systems, CSS/JS and UX.

Code 111

Code Storage Best Practices Design 111

ACM Sigarch

APRIL 26, 2018

BPU: Brain Processing Unit is the design of the AI chips by Horizon Robotics. With its modular architecture, DLA is scalable, highly configurable, and designed to simplify integration and portability. The IPU design supports both training and inference, and is a memory-centric design.

Hardware 99

Hardware Artificial Intelligence Architecture Google 99

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. On design systems, CSS/JS and smart interface design patterns.

Media 125

Media Metrics Website Google 125

The Agile Manager

AUGUST 31, 2021

Although completing a story may require contribution from people in different roles - QA analyst and developer and experience designer, for example - each person is still responsible for the entire outcome of the story. An Agile story is an expression of end-to-end business need. Good managers know how to work the problem and solution space.

Metrics 52

Metrics Design Engineering C++ 52

Smashing Magazine

OCTOBER 1, 2021

To follow along with this tutorial, you’ll need to have the following installed: Node , A text editor, I recommend VS Code with the Vetur extension (for Vue.js syntax features in VS Code), A terminal, you can use VS Code’s integrated terminal or any other of your choice. On design systems, CSS/JS and UX. Prerequisites.

Media 122

Media Code Servers Performance 122

Smashing Magazine

AUGUST 5, 2021

Frustrating Design Patterns: Disabled Buttons. Frustrating Design Patterns: Disabled Buttons. After all, as designers and developers, we want to make it more difficult for our users to make mistakes. Part Of: Design Patterns. Jump to the workshop ?. Vitaly Friedman. 2021-08-05T13:30:00+00:00. Let’s fix that!

Design 145

Design Transportation Code Systems 145

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 52

Tuning Benchmarking Engineering C++ 52

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. And the most exciting part is that we are now ready to share the impacts from the first set of limited availability Tasktop Viz deployments.

Innovation 52

Innovation Metrics DevOps Government 52

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 59

Benchmarking Performance Latency Architecture 59

Strategic Tech

JUNE 23, 2018

Decoupling Streams of Work Our goal when designing systems is to maximise the speed of delivery and value of the work we deliver. Whenever a team starts on a piece of work they should own all of the code and infrastructure that needs to change in order to deliver the work. In my experience, a clean UI separation is rarely achievable.

Systems 40

Systems Social Media Design Media 40

Tim Kadlec

MAY 3, 2012

, you know we keep the focus pretty tight: web design and development for beyond the desktop. So on June 4th in Minneapolis, we’ll host the first ever BDConf:focus on event and do a deep dive into responsive design: all day, all responsive. There are still passes available. No native discussion, just web.

Mobile 40

Mobile Design Code Availability 40

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 40

Serverless AWS DevOps Open Source 40

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

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. Let’s progress from theoretical considerations into hands-on code. Jump to the workshop ?.

Strategy 140

Strategy Virtualization Government Education 140

The Agile Manager

MARCH 31, 2014

"Increasing numbers of people who had formerly been self-employed in workshops and cottage industry, often on a subcontracting basis, assumed new roles as part of an emerging wage-earning class. The economics of this arrangement favor the few who design over the many who build.

Software 49

Software Software Development Retail 49

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. 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. Devin Harold. Large preview ).

Code 137

Code Design Education Government 137

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> We’ll use auto-fit so that items can fit into the available space, but restrict themselves from shrinking under a certain width. On design systems, CSS/JS and UX.

Media 117

Media Design Code Internet 117

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 ?. Let’s fix that!

Ecommerce 139

Ecommerce Website Government Internet 139

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 145

Best Practices Website Architecture Media 145

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 132

Speed Processing Development Code 132

Smashing Magazine

JULY 23, 2021

It is not that most web design agencies are ignorant of other marketing approaches or that any of them are inherently bad. On the contrary, in the second part of his two-part series on getting web design clients , Stephen Roe breaks down the opportunities of these approaches. Jump to the workshop ?. Cold Contacting.

Social Media 145

Social Media Media Network Website 145