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 132

Lambda Serverless Testing AWS 132

Smashing Magazine

SEPTEMBER 15, 2021

See the Pen [`::first-line`]([link] by Marcel. See the Pen [`::selection`]([link] by Marcel. 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 ?.

Internet 140

Internet Internet Google Design 140

Smashing Magazine

AUGUST 3, 2021

This premise, known as graceful degradation allows a system to continue working when parts of it are dysfunctional — much like an electric bike becomes a regular bike when its battery dies. Often system failures are chalked up as “corner cases” — things that rarely happen, however, the web has many corners.

Engineering 145

Engineering Network Availability Monitoring 145

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 142

Strategy Virtualization Government Education 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. What tables and data are candidates to extract into a cheaper database system?

Cloud 38

Cloud Traffic Database Network 38

Smashing Magazine

OCTOBER 9, 2021

This tutorial will be beneficial to readers who are interested in creating interactive animations with few lines of code. 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.

Media 123

Media Code Efficiency Tuning 123

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. On design systems, CSS/JS and UX. Louis Lazaris.

Development 145

Development Games Education Programming 145

Smashing Magazine

NOVEMBER 4, 2021

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. Also, here’s the repo containing the code demonstrating subscription on the the client-side.

Cache 127

Cache Servers Code Transportation 127

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 139

Cache Performance Servers Architecture 139

Smashing Magazine

OCTOBER 12, 2021

Let’s say we want to create a TabBar component of links. export interface ITabbarProps { links: {title: string, url: string}[] }. The TabBar is a list of links, but we need a way to define two pieces of data, the title of the link, and the URL. export interface ITabbarProps { links: ReactNode[] }. More after jump!

Code 112

Code Design C++ Development 112

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 120

Efficiency Code Strategy Network 120

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. This code gives our element a red background color: my-element { background-color: #ff0000; }. On design systems, CSS/JS and UX. Jump to online workshops ?. Michelle Barker.

Energy 145

Energy Design Website Hardware 145

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 127

Media Code Servers Performance 127

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 ?. We are following [link] to know about any upcoming changes. More after jump! Large preview ).

Website 118

Website Google Metrics Testing Tools 118

Smashing Magazine

AUGUST 12, 2021

design systems. 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. You can choose from a huge library of palettes or search for a specific color code, name or number to apply to your design.

Google 145

Google Design Code Mobile 145

Smashing Magazine

NOVEMBER 29, 2021

It fits in with my whole stance on “ Playfulness in Code ” to learn. link] via @CodePen pic.twitter.com/nz6pdQGpmd — Jhey ?????? Creating a Grid]([link] by JHEY. Then we need some styles.flippy-card { --current-image: url("[link] --next-image: url("[link] height: 100%; width: 100%; position: relative; }.flippy-card__front,flippy-card__rear

Games 122

Games Website Performance Design 122

Smashing Magazine

JUNE 25, 2021

On the right: an individual post’s page, which links to its author's profile page. An author’s profile page, linking to all their posts.( Thanks to its dynamic routing and next/link , we can quickly build and navigate to our site’s various pages. How do we make design systems work? Jump to the workshop ?.

Design 119

Design Systems Code Processing 119

Smashing Magazine

AUGUST 5, 2021

Or perhaps there is no mistake on our end at all, and it’s a system bug that’s absolutely out of our control. When large parts of the interface are disabled , most customers will assume that the system is busy , and some process is happening in the background on the page. Or we’ve overlooked some fine print somewhere.

Design 145

Design Transportation Code Systems 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 140

Speed Processing Development Code 140

Smashing Magazine

OCTOBER 28, 2021

Jump to the workshop ?. You need to adapt your scraper’s code for a specific system , and if you use the same script on a new kind of page, you’d have to rewrite parts of it. To keep things simple, we’ll take a step-by-step approach to writing the code. Online, and live. Oct 25 – Nov 8, 2021. Get the required tools.

Website 117

Website Code Retail Best Practices 117

Smashing Magazine

NOVEMBER 19, 2021

Unfortunately, there aren’t any special systems to provide custom statically generated pages for different wildcard subdomains like you may with dynamic routing for example (where you have [slug].js Jump to the workshop ?. project set up, we’re going to want to create the only code file we’ll need for this project: pages/index.js.

Servers 99

Servers Website Code Best Practices 99

Smashing Magazine

JULY 2, 2021

For those emails that contain links, how many links were clicked? 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 ?. How many messages you sent vs. how many of them were opened.

Testing 111

Testing Servers Social Media Testing Tools 111

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. During the 90s, we saw two content management systems for static sites — Microsoft FrontPage in 1996 and Macromedia Dreamweaver in 1997. Jump to the workshop ?. But, when it worked, it was magical.

Ecommerce 141

Ecommerce Website Government Internet 141

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

ACM Sigarch

APRIL 26, 2018

The new DGX-2, which achieves 2 petaFLOPS in the system, combines 16 fully interconnected GPUS with 10x the deep learning performance. ZPU : is a small, portable CPU core by a Norwegian company Zylin AS to run supervisory code in electronic systems that include an FPGA. More information can be found at [link].

Hardware 99

Hardware Artificial Intelligence Architecture Google 99

Strategic Tech

MARCH 16, 2021

I believe that attitude towards the design of code and architecture is one of them. In my experience, the culture is better and the results are better in orgs where engineers and architects obsess over the design of code and architecture. Visualisation techniques like EventStorming can also be used to design code.

Software Engineering 80

Software Engineering Design Engineering Software 80

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. On design systems, CSS/JS and UX. Jump to online workshops ?. Start a new game by copying the generated game PIN or share the direct link to the game room.

Games 110

Games Servers Database Virtualization 110

O'Reilly

MARCH 23, 2023

It can explain code that you don’t understand, including code that has been intentionally obfuscated. It can pretend to be an operating system. Sydney The internal code name of the chatbot behind Microsoft’s improved search engine, Bing. BLOOM An open source model developed by the BigScience workshop.

Google 113

Google Open Source Programming Code 113

Strategic Tech

JUNE 23, 2018

There is a high cost associated with work that leaves your team… team boundaries and software boundaries should be isomorphic” — James Lewis, Thoughtworks I’ve written and spoken a lot about architecting sociotechnical systems and how to find boundaries. And there’s more research to back it up.

Systems 40

Systems Social Media Design Media 40

Smashing Magazine

OCTOBER 15, 2021

That happens when your app/website/system is efficient. 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 ?. And vice versa. And memorable.

Design 114

Design Website Efficiency Processing 114

Testsigma

DECEMBER 18, 2019

Before enacting your automation strategy, create a training document and have multiple meetings and workshops. For more insight on it, please refer to the link below: [link]. Effective and Efficient Automation Testing requires good knowledge of the system and the creation of simple scripts. Lack of Supervision.

Testing 73

Testing Open Source Strategy Processing 73

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 ). This includes all architectures, all compilers, all operating systems, and all system configurations.

Benchmarking 59

Benchmarking Performance Latency Architecture 59

The Symphonia

MARCH 14, 2018

Thanks to @ 3Nimbus / [link] What is the Serverless Application Repository? Amazon’s ‘Infrastructure-as-Code’ language and deployment service. For a publisher to put an application in SAR they need to have an AWS account, and the FAQ says “All applications published by AWS are vetted for license adherence and code quality.

Serverless 40

Serverless AWS Lambda Open Source 40

Smashing Magazine

NOVEMBER 5, 2021

With detailed code walkthroughs , hands-on examples and common gotchas — all broken down into short, manageable lessons. Is this something that is being done outside of your system that you’d like to integrate through features? What other tools or systems are users using to meet their needs? More after jump!

Design 114

Design Testing Education Processing 114

Smashing Magazine

MARCH 19, 2021

New Online Workshops on Smashing. Almost a year ago, we started running our very own online workshops , and each and every one has been an incredible experience to our entire team. Here’s a brief overview of the workshops that we have planned for the **next months**: Dates. Architecting Design Systems. Workflow, Code.

Mobile 142

Mobile Design Cache Code 142

Smashing Magazine

SEPTEMBER 28, 2021

Two notable examples are comments on GitHub and the source code for posts on Smashing Magazine! For example, you can create a link by wrapping a character, word, or phrase in square brackets. After the closing square bracket, you then include a URL wrapped in parenthesis to create a destination for the link. How Markdown Works.

Website 133

Website Technology Technology Code 133

Smashing Magazine

OCTOBER 21, 2021

Most new operating systems enable the user to set their motion preferences in their system-level settings. The prefers-reduced-motion media query (part of the Level 5 Media Queries specification) allows us to detect users’ system-level motion preferences, and apply CSS styles that respect that. On design systems, CSS/JS and UX.

Media 127

Media Systems Mobile Design 127