Smashing Magazine

JULY 27, 2021

After working within the framework, I have found a series of organizational patterns that I believe both conform to the guiding philosophies of Next.js together to demonstrate these patterns. To solve the second problem, I take an approach that can be summarized in four pieces: Design tokens. Design Tokens. Global styles.

Website 142

Website Design Best Practices Code 142

ACM Sigarch

DECEMBER 19, 2022

We look here at a Gedankenexperiment: move 16 bytes per cycle , addressing not just the CPU movement, but also the surrounding system design. A lesser design cannot possibly move 16 bytes per cycle. This base design can map easily onto many current chips. Use the medium then short patterns to finish up.

Design 145

Design Systems Cache Network 145

Dynatrace

APRIL 26, 2022

Real user behavior: Captures and analyzes each real-time activity to determine a user’s needs and identify patterns in how a user interacts with an application. Synthetic transactions: Simulated user behavior generated by scripts for different scenarios, geographic locations, device types, and other variables.

Monitoring 205

Monitoring Social Media IoT Metrics 205

Smashing Magazine

DECEMBER 6, 2021

Designing Better Links For Websites And Emails: A Guideline. Designing Better Links For Websites And Emails: A Guideline. When you share a bunch of files (let’s say in different formats or versions), it’s not enough to design each link correctly. Slava Shestopalov. 2021-12-06T17:30:00+00:00. 2021-12-06T19:34:18+00:00.

Website 141

Website Design Internet Internet 141

Smashing Magazine

SEPTEMBER 10, 2021

Web Design Done Well: Excellent Editorial. Web Design Done Well: Excellent Editorial. A lot of web design talk concerns itself with what goes on around content. Page speed, design systems, search engine optimization, frameworks, accessibility — the list goes on and on. Our freebies tag is a good place to start.

Design 131

Design Internet Internet Mobile 131

Speed Curve

FEBRUARY 25, 2024

Heatmap of the most popular pages and their Web Vitals metrics I then typically switch to the RUM > Design dashboard and use the list of popular interaction elements to determine which ones I want to investigate further. Could the design of the interaction be changed to avoid it? > I've seen this pattern on many other sites, too.)

Analytics 93

Analytics Processing Google Mobile 93

CSS Wizardry

NOVEMBER 9, 2018

console.log("I will not run until slow-loading-stylesheet.css is downloaded."); This is by design. Here’s what happens when we move to this pattern: var script = document.createElement('script'); script.src = "analytics.js"; document.getElementsByTagName('head')[0].appendChild(script); This is on purpose.

Network 278

Network Performance Media Cache 278

IO River

NOVEMBER 15, 2023

For instance, let's say you operate an e-commerce site and you've noticed a pattern of fraudulent transactions originating from a particular IP range. For example, if a request activates a rule designed to block SQL injection attempts, the WAF might automatically block that request, preventing it from reaching your web application.‍Security

Traffic 52

Traffic Network Logistics Architecture 52

Smashing Magazine

SEPTEMBER 20, 2021

They all generally are instrumented as JavaScript processes that are loaded onto your site’s web pages through a tag or snippet of loader code. Meet Adam Silver’s Form Design Patterns , a practical guide to designing and building forms for the web. More after jump! Jump to table of contents ?. Web Proxy Services.

Website 89

Website Analytics Cache Google 89

IO River

NOVEMBER 2, 2023

You're in the driver's seat, dictating what constitutes a threat for your particular application.‍For instance, let's say you operate an e-commerce site and you've noticed a pattern of fraudulent transactions originating from a particular IP range. You'll have logs and analytics scattered across different CDNs.

Traffic 40

Traffic Network Logistics Architecture 40

Smashing Magazine

AUGUST 19, 2022

We’re only picking a specific pattern of the authentication process: the “reset password” flow and how it can be implemented on the client-side — frontend — of a web application. js and [userToken] respectively, the pattern of assigning these variables will become something like the one below. and the useRouter hook.

Processing 110

Processing Best Practices Availability Open Source 110

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

OCTOBER 14, 2021

When designing cards, you might want a border-radius to have a quite sizeable value when there is enough space to display it along with other cards. Continue reading below ↓ Meet Smart Interface Design Patterns , with Vitaly Friedman. Conditional Border Radius In CSS. You can take a look at the CodePen as well. CSS Charts.

Games 144

Games Design Strategy Code 144

Smashing Magazine

JANUARY 11, 2021

Have we optimized enough with tree-shaking, scope hoisting, code-splitting, and all the fancy loading patterns with intersection observer, progressive hydration, clients hints, HTTP/3, service workers and — oh my — edge workers? Is it expensive JavaScript, slow web font delivery, heavy images, or sluggish rendering?

Performance 145

Performance Cache Media Metrics 145

Smashing Magazine

AUGUST 3, 2021

Browsers ignore invalid HTML tags and unsupported CSS properties. 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.”.

Network 145

Network Engineering Availability Monitoring 145

O'Reilly

MAY 25, 2021

Indeed, Google recently announced LaMDA , a model at GPT-3 scale that is designed to participate in conversations. These projects have created language models that are based on focused datasets (for example, models designed to be more accurate for academic papers, developer forum discussions, etc.).

Social Media 138

Social Media Media Internet Internet 138

Rigor

SEPTEMBER 3, 2019

Traffic patterns outside of normal [RUM or Analytics]. Prior to any peak event, take the time to review your CDN’s cache design and offload metrics to determine what improvements can be made. Ultimately, the key to surviving a peak event is to have very good CDN cache designs. STEP 8: Review Third-Party Tags and Domains.

Website 74

Website Cache Ecommerce Traffic 74

Smashing Magazine

OCTOBER 26, 2018

When it comes down to how WordPress is programmed, one thing is certain: it doesn’t follow the M odel- V iew- C ontroller (MVC) design pattern that many developers are familiar with. So, What Exactly Is A Decoupled WordPress? There are a lot of other things you can do with REST API (you can find more details in the REST API handbook ).

Cache 78

Cache Website Speed Database 78

Smashing Magazine

AUGUST 3, 2023

These pages serve as a pivotal tool in our digital marketing strategy, not only providing valuable information about our services but also designed to be easily discoverable through search engines. A cornerstone of our business model lies in the development of effective landing pages. SEO is key to our success.

Performance 74

Performance Cache Traffic Metrics 74

Smashing Magazine

JANUARY 6, 2020

Is it worth exploring tree-shaking, scope hoisting, code-splitting, and all the fancy loading patterns with intersection observer, server push, clients hints, HTTP/2, service workers and — oh my — edge workers? Without a strong alignment between dev/design and business/marketing teams, performance isn’t going to sustain long-term.

Performance 145

Performance Cache Network Metrics 145

Alex Russell

APRIL 29, 2021

To understand if we're in a drought, we have to look at the levels of the reservoirs and seasonal rainfall patterns. Apple's policy against browser engine choice adds years of delays beyond the (expected) delay of design iteration, specification authoring, and browser feature development. content-visibility. inert Attribute.

Media 145

Media Games Education Engineering 145

Smashing Magazine

AUGUST 11, 2021

On design systems, CSS/JS and UX. In our return statement, we created our navigation with the <Navigator/> and created our screen with the <Screen/> this means that if we had multiple screens that can be accessed before authentication, we will have multiple <Screen/> tags here representing them. More after jump!

Code 111

Code Storage Best Practices Design 111

Smashing Magazine

JANUARY 21, 2019

The term “component” is often used to refer both to functionality and design. Note : Brad Frost’s “ Atomic Design ” is a great methodology for identifying these common patterns and building a reusable design system. Brad Frost identifies five distinct levels in atomic design for creating design systems.

Social Media 64

Social Media Database Media Website 64

Smashing Magazine

JANUARY 7, 2019

Is it worth exploring tree-shaking, scope hoisting, code-splitting, and all the fancy loading patterns with intersection observer, server push, clients hints, HTTP/2, service workers and — oh my — edge workers? Without a strong alignment between dev/design and business/marketing teams, performance isn’t going to sustain long-term.

Performance 103

Performance Cache Metrics Network 103

Speed Curve

NOVEMBER 11, 2015

Instead, users typically focus on one or more critical design elements in the page, such as a product image or navbar. Here's sample code for capturing this custom metric: performance.mark("stylesheets done blocking"); The key to this snippet is making sure that it's placed below all the stylesheet LINK tags in the page.

Metrics 72

Metrics Website Innovation Speed 72

The Netflix TechBlog

DECEMBER 3, 2022

The workflow author, after all, has the final word on whether they want to use all of these patterns or keep only some. The sample workflow code assumes a daily execution pattern, but it is very easy to adjust them to run at different cadence. Either way they are here to start with, ready to go, if needed. mocks ? ???

Best Practices 358

Best Practices Code Testing Data Engineering 358

Smashing Magazine

AUGUST 27, 2021

This tutorial explains how this can be achieved with the help of using the Context API and React to build components by using this advanced pattern. In Designing The Perfect Navigation , Vitaly will explore 100s of practical examples of better mega-dropdowns , hamburgers, carousels, modals and filters. What Is A Compound Component?

Internet 132

Internet Internet Programming Media 132

The Agile Manager

SEPTEMBER 30, 2012

Development teams have a lot of specialists, both role (business analyst, developer, user experience designer, quality assurance analyst) and technical (mobile client developer, server-side Java developer, web client developer, etc.) We can look for a pattern of defects raised that are dispositioned as "not a defect".

Mobile 49

Mobile Code Java Software 49

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

OCTOBER 6, 2021

On design systems, CSS/JS and UX. CSS is designed to not lose content, to not cause harm. The HTML has an indicator tag of scroll , noting that it has become a scrollable region, and main has an indicator tag of overflow because one of the paragraphs expands beyond its boundaries. More after jump! Debugging Overflow.

Design 145

Design Availability Mobile Website 145

Smashing Magazine

OCTOBER 4, 2021

A better solution might be to add only image tags and then use JavaScript to wrap these images in a button with the aria-expanded attribute. On design systems, CSS/JS and UX. I am a part of one Slack community for designers and developers ( BoagWorld ), and I posted a question there. More after jump! Jump to online workshops ?.

Media 117

Media Design Code Internet 117

Smashing Magazine

OCTOBER 28, 2021

Unless you’ve designed a truly innovative new product, the chances are that you can already find something at least similar on Amazon. You’ll be better prepared to design, launch, and expand your product lineup with that data. Continue reading below ↓ Meet Smart Interface Design Patterns , with Vitaly Friedman.

Website 115

Website Code Retail Best Practices 115

All Things Distributed

JULY 14, 2015

A common design pattern is to capture transactional and operational data (such as logs) that require high throughput and performance in DynamoDB, and provide periodic updates to search clusters and data warehouses. DynamoDB Streams simplifies and improves this design pattern with a distributed systems approach.

Database 167

Database Lambda AWS IoT 167

The Netflix TechBlog

FEBRUARY 9, 2021

Before designing a solution it’s important to understand the main product requirements for such a feature: The content needs to be new, relevant, and regional (not all countries have the same catalogue). Ensure the titles are appropriate for a broad audience, which means all titles need to be tagged with metadata.

Engineering 165

Engineering Storage Latency Entertainment 165

Smashing Magazine

JULY 14, 2021

Frustrating Design Patterns: Broken Filters. Frustrating Design Patterns: Broken Filters. Part Of: Design Patterns. Designing For The Comfortable Range. A well-designed filter in a well-designed trip planner UI. Vitaly Friedman. 2021-07-14T13:30:00+00:00. 2021-07-14T14:23:10+00:00.

Design 142

Design Retail Ecommerce Mobile 142

Smashing Magazine

AUGUST 9, 2021

Smashing Podcast Episode 41 With Eva PenzeyMoog: Designing For Safety. Smashing Podcast Episode 41 With Eva PenzeyMoog: Designing For Safety. In this episode, we’re talking about designing for safety. What does it mean to consider vulnerable users in our designs? Design for Safety from A Book Apart. Drew McLellan.

Design 98

Design Education Network Google 98

Smashing Magazine

DECEMBER 27, 2021

I used to design and develop WordPress themes. We need to create routes for WordPress static pages, individual posts, blog archive, category archive, and tags archive. In this context, a theme is a JavaScript object that stores design system style values, scales, and/or design tokens.

Website 127

Website Open Source Code Availability 127