Smashing Magazine

OCTOBER 15, 2021

Tips And Tricks For Evaluating UX/UI Designers. Tips And Tricks For Evaluating UX/UI Designers. When a company’s digital representation lacks a dedicated UX/UI design team, it can be hard to produce something that stands out from the crowd. That’s why you need a good UI/UX designer. Nataliya Sambir. And vice versa.

Design 113

Design Website Efficiency Games 113

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 89

Code Performance Network Website 89

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. New Online Workshops on Smashing. Designing The Perfect Navigation.

Mobile 140

Mobile Design Cache Code 140

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

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 6, 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 147

Code Performance Media Google 147

Smashing Magazine

JULY 5, 2021

Usually, we use hexadecimal color codes (hex colors) which are fine, but they have a couple of issues: They are limiting; They’re hard to understand from reading them. Adding on that, it’s not easy to guess what color is from looking at the hex code. Note : I’m using Sketch app, but you use whatever design tool you want.

Design 144

Design Testing Code Systems 144

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

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

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

Jos

APRIL 5, 2018

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. Puedes echar un ojo a Website Sameness o Web Design Trends: Why Do All Websites Look The Same? progress * 4 ) } workshops · { Math. La solución se basa en code splitting.

Code 130

Code Google Media Performance 130

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

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

JULY 27, 2021

is opinionated about how to organize JavaScript code, but it doesn’t have built-in opinions about how to organize CSS. To solve the second problem, I take an approach that can be summarized in four pieces: Design tokens. Then, we’ll remove everything in the styles/ directory (it’s all sample code). Design Tokens.

Website 142

Website Design Best Practices Code 142

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

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. More after jump!

Code 109

Code Processing Cache Development 109

Smashing Magazine

SEPTEMBER 23, 2021

I don’t know about you, but I love it when new CSS properties arrive that make our daily lives as developers simpler and enable us to remove a whole lot of redundant code. That means no extra code styling is required to ensure our checkboxes are as accessible as they can be. On design systems, CSS/JS and UX. Michelle Barker.

Media 133

Media Design Code Development 133

Smashing Magazine

SEPTEMBER 30, 2021

For this October edition, artists and designers from across the globe once again challenged their creative skills and designed wallpapers to spark your imagination and make the month a bit more colorful as it already is. ” — Designed by LibraFire from Serbia. ” — Designed by LibraFire from Serbia.

Games 97

Games Design Architecture Code 97

Smashing Magazine

SEPTEMBER 15, 2021

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 ?. Doing this helps foster reduced and simpler code. More after jump! vf, yk, il).

Internet 135

Internet Internet Google Design 135

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

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. How long your piece of JavaScript takes to finish depends on how fast the device is that your code is running on. JavaScript.

Games 145

Games Architecture Code C++ 145

Smashing Magazine

NOVEMBER 17, 2021

Today, we’ll take a look at the best ways to use colors in a design system, and what we can expect from our colors in the not-too-distant future. These are very limited, and rarely fit the designs we are building! This code gives our element a red background color: my-element { background-color: #ff0000; }. More after jump!

Energy 144

Energy Design Website Hardware 144

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. So, a test’s design should be flat.

Testing 120

Testing Best Practices Code Design 120

Strategic Tech

JULY 20, 2021

In every workshop, I always ask everyone “Imagine there is no text here. What do you read from the image below, and what might you propose to do next in the workshop? You can do this with almost any visual workshop technique. What is this arrangement of colours and shapes telling you?”.

Strategy 52

Strategy Innovation Technology Technology 52

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.

Innovation 243

Innovation Metrics Engineering Testing 243

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. On design systems, CSS/JS and UX. Jump to online workshops ?. More after jump! With Carie Fisher, Stefan Baumgartner and so many others. Large preview ).

Website 105

Website Google Metrics Testing Tools 105

Smashing Magazine

JULY 28, 2021

It is tentalizing to address all design problems with them, especially on mobile, but there often are other ways to overcome design issues. The point is: consider whether a dialog is the right design pattern before using it. Jump to the workshop ?. We’re not going to deal with styling too much, just the JavaScript part.

Code 140

Code Design Technology Technology 140

Smashing Magazine

SEPTEMBER 28, 2022

Every unnecessary bit of JavaScript code you bundle and serve will be more code the client has to load and process. How will you serve blazingly fast code, then? Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A.

Cache 125

Cache Performance Servers Social Media 125

Strategic Tech

APRIL 27, 2020

The techniques we use for visual, collaborative domain modelling are designed for in-person events, where everybody is in the same physical space. We will be running a remote-optimised domain-driven design workshop on 15–16th June where we will use some of the techniques discussed in this post and many others, like the bounded context canvas.

Innovation 52

Innovation Design Architecture Software Architecture 52

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

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

OCTOBER 14, 2021

The article also provides plenty of code examples to get started with! 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. Online, and live.

Games 144

Games Design Strategy Code 144

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

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

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