Smashing Magazine

MARCH 19, 2021

In fact, we had to look into various cases for the form design: What happens when no data is provided at all? Given that a vast majority of our readers — wonderful people like you — are using autofill, it’s worth spending time designing an experience around it. We were busy not only with performance and UX optimizations though.

Mobile 140

Mobile Design Cache Code 140

Jos

APRIL 5, 2018

Una ventaja adicional es que esta estructura de componentes proporciona una base sólida para mejorar la performance de nuestras webs. Code Splitting y CSS-in-JS : cómo CSS-in-JS nos permite extender el code-splitting y lazy-loading a CSS, SVGs y otros recursos. progress * 4 ) } workshops · { Math.

Code 130

Code Google Media Performance 130

Smashing Magazine

SEPTEMBER 28, 2022

Five Data-Loading Patterns To Improve Frontend Performance. Five Data-Loading Patterns To Improve Frontend Performance. When it comes to performance, you shouldn’t be stingy. Every unnecessary bit of JavaScript code you bundle and serve will be more code the client has to load and process. Agustinus Theodorus.

Performance 125

Performance Cache Servers Social Media 125

Smashing Magazine

JANUARY 21, 2021

How We Improved SmashingMag Performance. How We Improved SmashingMag Performance. Every web performance story is similar, isn’t it? A day when a project, fully polished and carefully optimized, gets launched, ranking high and soaring above performance scores in Lighthouse and WebPageTest. Vitaly Friedman.

Performance 145

Performance Cache Mobile Network 145

Smashing Magazine

MARCH 2, 2020

Inspired Design Decisions: Neville Brody Design Cannot Remain Neutral. Inspired Design Decisions: Neville Brody Design Cannot Remain Neutral. Local bands designed their own publicity and the mostly two-colour artwork was edgy and unpolished. Local screen-printing workshops offered affordable flyers and posters.

Design 101

Design Media Testing Entertainment 101

Smashing Magazine

JUNE 2, 2021

Improving The Performance Of An Online Store (Case Study). Improving The Performance Of An Online Store (Case Study). Every front-end developer is chasing the same holy grail of performance: green scores in Google Page Speed. For this article, we will focus on the first three and the performance adjustments for these.

Performance 115

Performance Cache Website Mobile 115

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. This enabled JavaScript code to be executed in the background without blocking the main thread and causing the page to become unresponsive.

Efficiency 106

Efficiency Code Strategy Network 106

Rigor

SEPTEMBER 11, 2019

Reading time 16 min Whether you’re a web performance expert, an evangelist for the culture of performance, a web engineer incorporating performance into your process, or someone new to the web performance entirely, you probably identify as curious, excited about new ideas, and always learning. Rick Byers.

Performance 89

Performance Education Google Website 89

Smashing Magazine

JUNE 9, 2022

As a result, users can enjoy more capable and feature-rich applications that remain performant through techniques like code-splitting, caching, prefetching, and other resource optimization techniques — with some applications that are even able to work offline. On design systems, UX, web performance and CSS/JS.

Code 109

Code Processing Cache Development 109

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. CSS-in-JS can also have a performance impact by causing additional renders and dependencies on the global state. support doing so with no additional setup; it also yields results that are performant and static.

Website 142

Website Design Best Practices Code 142

Smashing Magazine

JUNE 30, 2021

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. The Problem Of Unpredictable Performance. At the same time, we have a widening performance gap. JavaScript.

Games 145

Games Architecture Code C++ 145

Smashing Magazine

OCTOBER 18, 2021

Performance is one of the core aspects to ensure our users are having a delightful user experience irrespective of their devices or network connection. We found out user-centric performance metrics to be the perfect fit for this purpose. We use Lighthouse and WebPagetest as our synthetic testing tools for performance to measure CLS.

Website 105

Website Google Metrics Testing Tools 105

Smashing Magazine

AUGUST 3, 2021

This liberal attitude is known as Postel’s Law, which is conveyed superbly by Jeremy Keith in Resilient Web Design : “Even if there are errors in the HTML or CSS, the browser will still attempt to process the information, skipping over any pieces that it can’t parse.”. On design systems, CSS/JS and UX. Jump to online workshops ?.

Network 145

Network Engineering Availability Monitoring 145

Smashing Magazine

OCTOBER 12, 2021

This is useful for designating you to want to accept React components or JSX as arguments inline. 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 ?.

Design 97

Design Code C++ Development 97

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 ). Building separate models for each of the benchmarks was required to get the correct asymptotic properties.

Benchmarking 59

Benchmarking Performance Latency Architecture 59

Smashing Magazine

OCTOBER 2, 2023

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. Imagine how poor the loading performance would be if we had to load a bunch of images like this one! Unoptimized, full-size JPEG is around 1.2

Cache 72

Cache Strategy Best Practices Design 72

Smashing Magazine

OCTOBER 14, 2021

Rob also takes a look at the accessibility and performance implications that shadows bring along, as well as how to animate them. The article also provides plenty of code examples to get started with! Continue reading below ↓ Meet Smart Interface Design Patterns , with Vitaly Friedman. Jump to the workshop ?.

Games 144

Games Design Strategy Code 144

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. TFLOPS deep learning performance, and is equipped with 32GB of high-bandwidth memory (HBM) capacity. The new GV100 packs 7.4

Hardware 99

Hardware Artificial Intelligence Architecture Google 99

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 130

Programming Java Google C++ 130

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 138

Open Source C++ Google Website 138

Tasktop

JUNE 20, 2019

That ‘ideate’ phase includes planning, creating business cases, and UX design to name but a few key activities– very creative and technical work that plays a crucial role in meeting end user needs. Clever Value Stream Architecture designs for speed, visibility and traceability and it relies on APIs and abstraction. Its toolchain.

Development 45

Development DevOps Google Innovation 45

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. One person who does a substandard job affects the performance of the entire team.

Metrics 52

Metrics Design Engineering C++ 52

Smashing Magazine

JUNE 2, 2021

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 smart interface design patterns. Jump to online workshops ?. With Lea Verou, Brad Frost, Stephanie Eckles and so many others. Large preview ).

Media 125

Media Metrics Website Google 125

Adrian Cockcroft

JUNE 21, 2022

I became the Sun UK local specialist in performance and hardware, and as Sun transitioned from a desktop workstation company to sell high end multiprocessor servers I was helping customers find and fix scalability problems. Rich became co-author of the second edition of the Sun Performance Tuning book, to describe how it worked.

Tuning 52

Tuning Benchmarking Engineering C++ 52

Smashing Magazine

NOVEMBER 29, 2021

It fits in with my whole stance on “ Playfulness in Code ” to learn. It’s worth noting that the performance of this demo is affected by the grid size and the demos are best viewed in Chromium-based browsers. On design systems, CSS/JS and UX. Jump to online workshops ?. Big grids affect performance though.).

Games 107

Games Website Performance Design 107

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

The Netflix TechBlog

FEBRUARY 13, 2020

Brief overview of image coding formats The JPEG format was introduced in 1992 and is widely popular. JPEG can ingest RGB data and transform it to a luma-chroma representation before performing lossy compression. This is followed by quantization and entropy coding. High-Efficiency Video Coding ( HEVC ) is the successor of H.264,

Code 212

Code Metrics Efficiency Open Source 212

Smashing Magazine

AUGUST 30, 2021

Refactoring CSS: Optimizing Size And Performance (Part 3). Refactoring CSS: Optimizing Size And Performance (Part 3). Deploying the refactored codebase shouldn’t result in worse website performance and worse user experience. Part 3: Optimizing Size And Performance. Adrian Bece. 2021-08-30T10:00:00+00:00.

Media 108

Media Performance Cache Strategy 108

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

Strategic Tech

JULY 18, 2018

Yet there is no flowchart we can simply follow to find the optimal design. It’s so easy to get design choices wrong and make things worse instead of making them better. In order to effectively design sociotechnical systems, I recommend using design heuristics. We have the unpredictable nature of markets.

Design 40

Design Architecture Software Architecture Systems 40

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

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 13, 2021

Intersection Observer can be considered more performant than listening for scroll events on the main thread, as it is asynchronous, and the callback will only fire when the element we’re observing meets the specified threshold, instead every time the scroll position is updated. Jump to the workshop ?. Online, and live. Sep 16–24, 2021.

Code 145

Code Media Design Performance 145

Smashing Magazine

JULY 9, 2021

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. without the need for special adaptation or specialized design.”. without the need for special adaptation or specialized design.”.

Website 145

Website Mobile Design Testing 145

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 ?. Online, and live.

Social Media 145

Social Media Media Network Website 145