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 104

Code Performance Network Website 104

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. When you send the user code that is not needed, you waste resources from your end, and from the user’s end.

Code 130

Code Performance Google Media 130

Strategic Tech

JULY 22, 2019

This is the question I get asked the most, so I’ve put together this article describing a workshop recipe you can use. In Domain-Driven Design, a large system is decomposed into bounded contexts , which become natural boundaries in code as microservices and as teams in the organisation. 1 hour) Candidate Context Modelling (min.

Design 76

Design Systems Processing Strategy 76

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. Jump to online workshops ?. And that decision directly impacts users. More after jump!

Network 145

Network Engineering Availability Code 145

All Things Distributed

NOVEMBER 22, 2016

AWS will contribute code and improved documentation as well as invest in the ecosystem around MXNet. In addition to scalability, MXNet offers the ability to both mix programming models (imperative and declarative), and code in a wide number of programming languages, including Python, C++, R, Scala, Julia, Matlab, and JavaScript.

AWS 163

AWS Open Source Scalability Programming 163

Smashing Magazine

JULY 16, 2021

Let’s progress from theoretical considerations into hands-on code. In the following code block, you see a component listing the newest problems in an online shop. Continue reading below ↓ Deep-dive into front-end accessibility with Carie Fisher in her upcoming Smashing workshop on Accessible Front-End Patterns.

Strategy 143

Strategy Virtualization Government Education 143

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. This is a straightforward flexbox playground that also generates the code for you. Jump to online workshops ?. “code golf”).

Development 145

Development Games Education Programming 145

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.

Games 145

Games Architecture Code C++ 145

Smashing Magazine

AUGUST 17, 2021

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). Six different styles are available, abstract patterns just like friendly smileys. Jump to the workshop ?. Boring Avatars And Absurd Illustrations.

Open Source 144

Open Source Design Availability Website 144

Smashing Magazine

SEPTEMBER 8, 2021

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. We’re not going to delve into how to code it — rather, the factors that will determine our development decisions.

Development 142

Development Media Design Mobile 142

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. Jump to online workshops ?. VanillaGanttChart.js.

Code 142

Code Servers Development Availability 142

Dynatrace

AUGUST 5, 2019

For a recent technical workshop I did with one of our strategic cloud partners, I created a deck that aims to answer exactly this question. There is no code or configuration change necessary to capture data and detect existing services. All available in Dynatrace in the UI or through the API!

Cloud 38

Cloud Traffic Database Network 38

Smashing Magazine

AUGUST 12, 2021

If you’d like to dive a bit deeper into animation with Figma, a guide to adding animation to your designs in Figma shows the entire workshop, and various options you have, step-by-step. Thousands of avatars available straight from Figma: UI Faces. Jump to online workshops ?. Annotations Made Easy in Figma. Large preview ).

Google 145

Google Design Code Mobile 145

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 144

Testing Code Design Strategy 144

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 141

Speed Processing Development Code 141

Smashing Magazine

NOVEMBER 4, 2021

It allows developers to define, handle, and make queries/mutations available within our application. Let’s get right into the code. Just before we start, this is the repo containing the code demonstrating everything under Real-time update on GraphQL, using Apollo as a state management tool, Fragments, and Apollo directives.

Cache 129

Cache Servers Code Transportation 129

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 123

Efficiency Code Strategy Network 123

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

Ecommerce 142

Ecommerce Website Government Internet 142

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). Jump to the workshop ?. Of course, you can find the full code snippet on Josh’s blog.

Games 145

Games Design Code Strategy 145

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. Jump to online workshops ?.

Code 124

Code Storage Best Practices Design 124

Smashing Magazine

NOVEMBER 19, 2021

Jump to the workshop ?. In code, that looks like this: export async function getServerSideProps(context) { let wildcard = context.req.headers.host.split(".")[0]; This approach, however, is far from perfect as there is a delay between the page’s first render and the wildcard being available. Online, and live. Dec 2–3, 2021.

Servers 102

Servers Website Code Best Practices 102

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

JULY 23, 2021

Let’s briefly look at the shortcomings of the many tactics available, starting with cold contacting potential clients. In his online workshop on Building Modern HTML Emails , Rémi Parmentier will show how to code bulletproof, responsive HTML emails that work well in Gmail, Apple Mail, Yahoo and Outlook today. Cold Contacting.

Social Media 145

Social Media Media Network Website 145

Smashing Magazine

AUGUST 19, 2021

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. Outcomes of a code of ethics affect almost every aspect of your user research practice, from processes to templates and team environment.

Code 143

Code Design Education Government 143

O'Reilly

MARCH 23, 2023

It can explain code that you don’t understand, including code that has been intentionally obfuscated. An API for ChatGPT is available. GPT-3 and GPT-4 are not open source, but are available for free and paid access. Sydney The internal code name of the chatbot behind Microsoft’s improved search engine, Bing.

Google 138

Google Open Source Programming Code 138

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. Jump to online workshops ?. Prerequisites.

Media 129

Media Code Servers Performance 129

Smashing Magazine

JULY 9, 2021

When maintenance is needed, it won’t take the team as long to maintain the code because of accessibility and clean code.”. If there is no inter-organizational accessibility training available your organization can look into different methods of training like the kind WebAIM , the ADA , or Knowbility has to offer.

Website 145

Website Mobile Design Testing 145

Smashing Magazine

AUGUST 5, 2021

We might have typed in all the right data, and have chosen all the right settings, and perhaps even went to the trouble of finding a working discount code, and even have crafted a perfect gift message. Jump to the workshop ?. Online, and live. Aug 18 & 20, 2021. Inline Validation Is Never Bulletproof.

Design 145

Design Transportation Code Systems 145

Smashing Magazine

OCTOBER 28, 2021

But first of all, I’d like to make something clear right now — while the act of scraping publicly available data is legal, Amazon has some measures to prevent it on their pages. Jump to the workshop ?. To keep things simple, we’ll take a step-by-step approach to writing the code. You’re about to find out! Online, and live.

Website 119

Website Code Retail Best Practices 119

ACM Sigarch

APRIL 26, 2018

ZPU : is a small, portable CPU core by a Norwegian company Zylin AS to run supervisory code in electronic systems that include an FPGA. Comprehensive lists are available here and here. . There are many other deep learning processors or neural network accelerators that are not named xPU (such as Cambricon ).

Hardware 100

Hardware Artificial Intelligence Architecture Google 100

Smashing Magazine

OCTOBER 29, 2021

Jump to the workshop ?. A freely available online version of the classic reference book, The Elements of Style by William Strunk, Jr. They have a wide range of low-cost and even free tutorials available on demand. Use the code 40OFF at checkout to get 40% off! Online, and live. Oct 25 – Nov 8, 2021.

Energy 124

Energy Best Practices Design Availability 124

Smashing Magazine

JULY 2, 2021

In his upcoming online workshop The TypeScript Masterclass , Stefan Baumgartner will dive into type systems and how to use them well when writing JavaScript. Jump to the workshop ?. Here are two important aspects: Test whether your code works and sends emails in the right way. Online, and live. August 5–19, 2021.

Testing 112

Testing Servers Social Media Testing Tools 112

Smashing Magazine

OCTOBER 22, 2021

Continue reading below ↓ Meet Smashing Online Workshops on front-end & UX , with practical takeaways, live sessions, video recordings and a friendly Q&A. Jump to online workshops ?. insert([{ code: 123456 }]); Note : The supabase_url and supabase_key are stored in a.env file. More after jump! and Express.

Games 114

Games Servers Database Virtualization 114

Adrian Cockcroft

JANUARY 29, 2023

A later version of the slides is included in my Microservices Workshop deck from later that year, slides 168–200 ( pdf , keynote are available in GitHub.com/adrianco/slides ). The code is written using the R statistics language and I downloaded a free copy of RStudio to run the examples below. >

Lambda 98

Lambda Latency Cache C++ 98

Smashing Magazine

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

Design 116

Design Website Efficiency Processing 116

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

JUNE 25, 2021

In his upcoming Smashing workshop on Successful Design Systems , Brad Frost explains how to plan, execute and maintain a successful design system at your organization. Jump to the workshop ?. To keep our content separate from the code, we’ll put our posts in a directory called _posts/. with this file. Online, and live.

Design 121

Design Systems Code Processing 121