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 130

Website Technology Technology Code 130

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 118

Lambda Serverless Testing AWS 118

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

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 125

Media Systems Mobile Design 125

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 135

Internet Internet Google Design 135

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 107

Efficiency Code Strategy Network 107

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 120

Media Code Efficiency Tuning 120

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.

Network 145

Network Engineering Monitoring Availability 145

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!

Design 98

Design Code C++ Development 98

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 126

Cache Performance Servers Social Media 126

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 115

Cache Servers Transportation Code 115

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

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

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 109

Media Performance Cache Strategy 109

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 132

Strategy Testing Best Practices Code 132

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 84

Servers Website Code Best Practices 84

Smashing Magazine

JULY 21, 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 ?. You enter a search term and are presented a list of links. More after jump!

Social Media 145

Social Media Design Media Systems 145

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 106

Website Google Metrics Testing Tools 106

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 115

Website Code Retail Best Practices 115

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

Media Code Servers Performance 123

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 117

Design Systems Code Processing 117

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 107

Games Website Performance Design 107

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 144

Energy Design Website Hardware 144

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 Automotive 110

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

Media Design Code Internet 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

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

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

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 133

Speed Processing Development Code 133

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 139

Ecommerce Website Government Internet 139

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. Make Liberal Use Of min-height.

Media 125

Media Metrics Website Google 125

Smashing Magazine

JUNE 2, 2021

The project consisted of upgrading the shop software to our own open-source system and redoing the shop’s front end from scratch. 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.

Performance 116

Performance Cache Website Mobile 116

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 95

Games Servers Database Virtualization 95

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