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

Strategic Tech

JULY 18, 2018

Yet there is no flowchart we can simply follow to find the optimal design. Consumer expectations are in a constant state of flux as new technological advancements arise and new competitors emerge, yet the goal is to continuously deliver products that satisfy market demand. We have the unpredictable nature of markets.

Design 40

Design Architecture Software Architecture Systems 40

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? observe ( this.

Code 130

Code Performance Google Media 130

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 109

Efficiency Code Strategy Network 109

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 ?. For years, we waited patiently for browsers to adopt CSS technology faster. More after jump!

Internet 137

Internet Internet Google Design 137

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 144

Open Source Design Availability Website 144

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 143

Website Design Best Practices Code 143

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? Reading Strategy Patterns One of the techniques I use frequently for visualising business, product, and technology strategy is Core Domain Charts.

Strategy 52

Strategy Innovation Technology Technology 52

Strategic Tech

SEPTEMBER 18, 2021

One of the challenges I see regularly is inertia following domain discovery workshops. In companies with many teams and many millions of lines of code, including a lot of legacy, there are endless things that can be improved in the product, software, and organization. Why Thing Get Stuck After Discovery?

Strategy 97

Strategy Technology Technology Design 97

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

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. Mark it as a dialog for assistive technologies ( role="dialog" ). Jump to the workshop ?.

Code 141

Code Design Technology Technology 141

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

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

OCTOBER 2, 2023

We collaborated with WaterBear and its partner companies to build a revamped and redesigned version of WaterBear’s web and mobile app from the ground up using modern front-end technologies. Meet Smashing Workshops on front-end, design & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A.

Cache 73

Cache Strategy Best Practices Design 73

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 140

Code Servers Development Availability 140

Rigor

SEPTEMBER 11, 2019

Check out her writing about business and technology on her own site at rachelandrew.co.uk , and follow her on Twitter @ rachelandrew , where she tweets about CSS, tech topics, and much more. As a digital nomad, Vitaly travels all over the world giving inspiring talks and leading top-flight workshops at tech conferences. Jake Archibald.

Performance 89

Performance Education Google Website 89

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. The way they’ve designed Kubernetes and its use of containers to actually run apps has become very powerful.

Development 73

Development Media Google Network 73

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 139

Open Source C++ Google Website 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

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

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. Two weeks ago I met with the head of technology for a large bank who has been dealing with thousands of his China-based IT staff working remotely due to COVID-19.

Innovation 52

Innovation Metrics DevOps Government 52

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. All useful, but not directly contributory to the technology asset itself.

Metrics 52

Metrics Design Engineering C++ 52

Adrian Cockcroft

JUNE 21, 2022

I also learned a lot about how to work directly with customers, when to shut up and let the sales guy drive the conversation, and generally how technology sales works. 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.

Tuning 52

Tuning Benchmarking 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.

Media 126

Media Metrics Website Google 126

Testsigma

DECEMBER 18, 2019

Before enacting your automation strategy, create a training document and have multiple meetings and workshops. Design it well to avoid technical mistakes. Apply proper coding standards and practices. The design should be simple, try to keep the tests independent of each other. Lack of Supervision.

Testing 73

Testing Open Source Strategy Processing 73

The Symphonia

JUNE 19, 2018

It’s a great event full of deep technology experience, and a whole breadth of diversity. 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. I wholeheartedly agree. you can get in touch with them here. You got it!

Serverless 40

Serverless AWS DevOps Open Source 40

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

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 141

Strategy Virtualization Government Education 141

The Agile Manager

JUNE 28, 2013

Revenue poured in, would-be investors called constantly, The Wall Street Journal ran features on you twice, marketing chiefs from a dozen S&P 100 firms wanted you in workshops to figure out how to "partner", and your founder was presenting keynotes and on panels every few weeks. You never imagined it would be a runaway hit.

Architecture 45

Architecture Code Software Software 45

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. Unethical practices at companies lead to the creation of technology that we all use but often neglect the influence of those intended to serve. It all starts with a Code of Ethics. “I Credit: Devin Harold.

Code 138

Code Design Education Government 138

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> Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A.

Media 120

Media Design Code Internet 120

Smashing Magazine

OCTOBER 5, 2021

Lambda layers are a way to share code across API endpoints, reducing the amount of repeated code across the API project. This not only allows us to run Lambda scripts locally, but we can also add breakpoints using Debug Mode in Visual Studio Code. Debug Mode in Visual Studio Code ?? On design systems, CSS/JS and UX.

Lambda 120

Lambda Serverless Testing AWS 120

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

AUGUST 20, 2021

Fast-forward 30 years, and website technology has changed significantly — we have images, stylesheets, JavaScript, streaming video, AJAX, animation, WebSockets, WebGL, rounded corners in CSS — the list goes on. However, unlike the early days of the web, static sites are no longer limited to developers working in a code editor.

Ecommerce 140

Ecommerce Website Government Internet 140

Smashing Magazine

JULY 19, 2021

Between an endless amount of code to make sure you’re providing full coverage and dealing with the fragile nature of front-end tests — where a simple selector change can completely break an end-to-end workflow — it can sometimes feel like an uphill battle. They’re all testing the code. Jump to the workshop ?.

Testing 142

Testing Code Design Strategy 142

O'Reilly

MARCH 23, 2023

It can explain code that you don’t understand, including code that has been intentionally obfuscated. Sydney The internal code name of the chatbot behind Microsoft’s improved search engine, Bing. Bard Google’s code name for its chat-oriented search engine, based on their LaMDA model, and only demoed once in public.

Google 108

Google Open Source Programming Code 108

Smashing Magazine

SEPTEMBER 28, 2021

Two notable examples are comments on GitHub and the source code for posts on Smashing Magazine! The good news : Markdown generates simple HTML markup, and simple HTML markup can be easily read by assistive technology. In addition, there is more to accessibility than just assistive technology. On design systems, CSS/JS and UX.

Website 131

Website Technology Technology Code 131