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 127

Cache Performance Servers Architecture 127

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 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 86

Servers Website Code Best Practices 86

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 107

Website Google Metrics Testing Tools 107

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 124

Media Code Servers Performance 124

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

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 109

Games Website Performance Design 109

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

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

Smashing Magazine

JUNE 28, 2021

Creating Custom Emmet Snippets In VS Code. Creating Custom Emmet Snippets In VS Code. Until recently, I would just copy and paste the boilerplate whenever I needed it, but I’ve decided to improve my workflow by adding it as a snippet to VS Code — the editor of my choice. Snippets And Abbreviations In Visual Studio Code.

Code 101

Code Social Media Media Website 101

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

Adrian Cockcroft

JUNE 21, 2022

Photo by Adrian I spent six years at Cambridge Consultants, building some interesting systems, managing our Sun workstations and learning a lot, but by then Sun had opened a sales office across the street, and I wanted to find out what they were going to release next, before everyone else.

Tuning 52

Tuning Benchmarking Engineering C++ 52

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

Smashing Magazine

JULY 13, 2021

The above code example shows the default values for both rootMargin and threshold. 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. Jump to the workshop ?. Online, and live.

Code 145

Code Media Design Performance 145

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 140

Development Media Design Mobile 140

Smashing Magazine

AUGUST 2, 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 ?. This is only a temporary file and it will be removed once the legacy code is deleted.

Strategy 134

Strategy Testing Best Practices Code 134

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 91

Code Performance Network Website 91

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 117

Cache Servers Transportation Code 117

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 100

Design Testing Education Processing 100

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 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 141

Strategy Virtualization Government Education 141

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 122

Media Code Efficiency Tuning 122

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 110

Testing Servers Social Media Testing Tools 110

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 116

Website Code Retail Best Practices 116

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 135

Speed Processing Development Code 135

Smashing Magazine

AUGUST 30, 2021

Also, the management will be dissatisfied with the decreased traffic and revenue caused by the unoptimized codebase, despite the code quality improvements. They offer a wide variety of customization options to further control how code is being optimized and which browsers are supported. On design systems, CSS/JS and UX.

Media 111

Media Performance Cache Strategy 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 140

Ecommerce Website Government Internet 140

Smashing Magazine

OCTOBER 4, 2021

Here’s how the final result looks like: See the Pen [How to build accessible expandable gallery]([link] by Silvestar Bistrovi?. 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> On design systems, CSS/JS and UX.

Media 120

Media Code Design Testing 120

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

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

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 118

Design Systems Code Processing 118

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 108

Google Open Source Programming Code 108

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

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 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 97

Games Servers Database Virtualization 97

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