#tutorial — Public Fediverse posts

Warn and Inform with Native Toast Messages in Salesforce Flow

Just when the Salesforce community thought we had fully digested the Summer ’26 release notes, the product team decided to drop a classic “one more thing.” Adam White recently announced that two new functionalities were “snuck” into the release at the last minute. For those of us who live and breathe Flow Builder, this is like finding an extra gift under the tree after you thought Christmas was over.

The star of this stealth update? The Native Show Toast Message Action.

In this post, we’re going to break down why this is such a great update for Salesforce Admins, how we used to handle this the “old way”, and a clever trick to implement these notifications without cluttering your Flow logic.

What Exactly is a Toast Message?

In the world of User Experience (UX) and User Interface (UI) design, a Toast Message is a small, non-modal notification that “pops up” (like toast from a toaster) to provide feedback about an operation.

Unlike a modal or a popup window, a toast message doesn’t require the user to click “OK” to continue their work (though they can be configured to stay until dismissed). They are designed to be subtle but informative. In Salesforce, you usually see them at the top of the screen in green (Success), red (Error), yellow (Warning), or blue (Information).

Why Toasts Matter

Toasts are critical for a smooth user journey. They confirm that an action was successful or alert a user to a problem without breaking their concentration or forcing them to navigate to a new page. Without toasts, users are often left wondering, “Did that save?” or “Did my automation actually run?”

The Way We Were: The Era of UnofficialSF and AppExchange

For years, the request for a native “Show Toast” action in Flow was one of the most requested ideas. But for a long time, the answer from Salesforce was silence. This led the community to innovate on its own.

The UnofficialSF Method

To get a toast message in a Screen Flow, most Admins turned to UnofficialSF. This incredible community resource offered a “Show Toast” flow component. While it worked beautifully, it came with technical debt considerations:

• Installation Management: You had to install a managed or unmanaged package in your production environment.

• Maintenance: Every time Salesforce updated its API, you had to ensure your community-sourced components remained compatible.

• Security Audits: In highly regulated industries (like Finance or Healthcare), getting a third-party package approved by a security team can take months.

The AppExchange and Custom LWC

Other Admins turned to the AppExchange for “Flow Utility” packs or, if they had developer resources, they wrote custom Lightning Web Components (LWC). An LWC could use the ShowToastEvent in JavaScript, but it required writing code, which goes against the “Clicks, Not Code” mantra that makes Flow so powerful.

That era is officially over. With the Summer ’26 release, the power is finally native.

Exploring the New Native “Show Toast” Action

The new functionality allows us to call a standard action directly from the Flow Builder. It is robust, flexible, and incredibly easy to configure. Here is what you can now do natively:

Style Selection

You can choose the “Flavor” of your notification. This dictates the icon and the color of the toast:

• Success (Green): For when things go right.

• Warning (Yellow): To alert users of a potential issue that doesn’t stop progress.

• Information (Blue): General updates or helpful hints.

• Error (Red): When a process fails or a validation is triggered.

Dismissal Control

You get to decide the “persistence” of the message.

• Automatic: The toast appears and then fades away after a few seconds. This is great for simple success confirmations.

• Manual: The toast stays on the screen until the user clicks the “X” to close it. This is vital for errors or warnings where you want to ensure the user has actually read the information.

Rich Messaging and URLs

This is where it gets really exciting. You aren’t limited to plain text.

• Dynamic Resources: You can include Flow variables, formulas, or record fields in the title and description.

• The “Curly Bracket” Trick: By using curly brackets { } in your message description, you can embed a URL. This could be a link to a public webpage, a internal Terms & Conditions document, or even a link to a specific Salesforce record.

Use Cases for Native Toasts

How should you use this in your day-to-day Admin life? Here are a few examples:

• Eligibility Alerts: As shown in the video below, if a customer no longer qualifies for a service (e.g., they moved out of the service area), a toast can immediately inform the user the moment they open the record.

• Data Validation Feedback: Instead of a clunky fault screen, show a red Error toast if a user enters data that doesn’t meet business criteria.

• Onboarding Guidance: When a new Lead is created, show an “Information” toast with a link to the “Sales Playbook” for that specific industry.

• Process Confirmation: After a complex Screen Flow that updates multiple records, show a “Success” toast that includes a link to the primary updated record. Please note that Salesforce included another action in the last minute that opens the newly created record on another tab for the user. Stay tuned for more updates related to that action.

The Pro Trick: Conditional Visibility via Lightning Record Pages

In the video, I demonstrated a clever way to use this. Normally, you might think you need to build a complex Flow that runs, checks criteria using a Decision element, and then decides to show the toast. There is a clever method.

Instead of putting the logic inside the Flow, you can keep the Flow extremely simple. Just the “Show Toast” action, and put the logic on the Lightning Record Page.

How to do it:

1. Create a simple Screen Flow: The flow only contains one element: the “Show Toast” action.

2. Add to Record Page: Drag the “Flow” component onto your Contact or Account page layout.

3. Set Component Visibility: In the Lightning App Builder, click on the Flow component. In the right-hand sidebar, go to Set Component Visibility.

4. Define Your Criteria: For example, set the visibility to Record > Last Name > Equals > Brock.

The Result: The Flow only “exists” and runs when that specific condition is met. When I go to Lex Luthor’s record, nothing happens. But when I navigate to Eddie Brock’s record, the Flow triggers, and the toast message pops up instantly: “Customer no longer qualifies for our services.”

This keeps your Flow canvas clean and offloads the “heavy lifting” to the Lightning UI engine.

Stop Duct Taping Your Flow Notifications

The “Sneaky” Summer ’26 release features prove that Salesforce is listening to the community. By making the Show Toast action native, they have removed the need for third-party dependencies, reduced technical debt, and given Admins a powerful new tool to communicate with users.

The ability to include clickable URLs and dynamic variables means our notifications can now be functional bridges to other parts of the business.

Enjoy this new functionality, folks! It’s a game-changer for Flow UX.

Watch the video here:

Does this new native action mean you’ll be retiring your unofficialSF packages? Let us know in the comments below!

Explore related content:

11 Flow Updates in Summer 26 Release

Get Your Org Ready: Summer ’26 Admin Highlights

Master Custom Batch Sizes for Schedule-Triggered Flows

Warn and Inform with Native Toast Messages in Salesforce Flow

Just when the Salesforce community thought we had fully digested the Summer ’26 release notes, the product team decided to drop a classic “one more thing.” Adam White recently announced that two new functionalities were “snuck” into the release at the last minute. For those of us who live and breathe Flow Builder, this is like finding an extra gift under the tree after you thought Christmas was over.

The star of this stealth update? The Native Show Toast Message Action.

In this post, we’re going to break down why this is such a great update for Salesforce Admins, how we used to handle this the “old way”, and a clever trick to implement these notifications without cluttering your Flow logic.

What Exactly is a Toast Message?

In the world of User Experience (UX) and User Interface (UI) design, a Toast Message is a small, non-modal notification that “pops up” (like toast from a toaster) to provide feedback about an operation.

Unlike a modal or a popup window, a toast message doesn’t require the user to click “OK” to continue their work (though they can be configured to stay until dismissed). They are designed to be subtle but informative. In Salesforce, you usually see them at the top of the screen in green (Success), red (Error), yellow (Warning), or blue (Information).

Why Toasts Matter

Toasts are critical for a smooth user journey. They confirm that an action was successful or alert a user to a problem without breaking their concentration or forcing them to navigate to a new page. Without toasts, users are often left wondering, “Did that save?” or “Did my automation actually run?”

The Way We Were: The Era of UnofficialSF and AppExchange

For years, the request for a native “Show Toast” action in Flow was one of the most requested ideas. But for a long time, the answer from Salesforce was silence. This led the community to innovate on its own.

The UnofficialSF Method

To get a toast message in a Screen Flow, most Admins turned to UnofficialSF. This incredible community resource offered a “Show Toast” flow component. While it worked beautifully, it came with technical debt considerations:

• Installation Management: You had to install a managed or unmanaged package in your production environment.

• Maintenance: Every time Salesforce updated its API, you had to ensure your community-sourced components remained compatible.

• Security Audits: In highly regulated industries (like Finance or Healthcare), getting a third-party package approved by a security team can take months.

The AppExchange and Custom LWC

Other Admins turned to the AppExchange for “Flow Utility” packs or, if they had developer resources, they wrote custom Lightning Web Components (LWC). An LWC could use the ShowToastEvent in JavaScript, but it required writing code, which goes against the “Clicks, Not Code” mantra that makes Flow so powerful.

That era is officially over. With the Summer ’26 release, the power is finally native.

Exploring the New Native “Show Toast” Action

The new functionality allows us to call a standard action directly from the Flow Builder. It is robust, flexible, and incredibly easy to configure. Here is what you can now do natively:

Style Selection

You can choose the “Flavor” of your notification. This dictates the icon and the color of the toast:

• Success (Green): For when things go right.

• Warning (Yellow): To alert users of a potential issue that doesn’t stop progress.

• Information (Blue): General updates or helpful hints.

• Error (Red): When a process fails or a validation is triggered.

Dismissal Control

You get to decide the “persistence” of the message.

• Automatic: The toast appears and then fades away after a few seconds. This is great for simple success confirmations.

• Manual: The toast stays on the screen until the user clicks the “X” to close it. This is vital for errors or warnings where you want to ensure the user has actually read the information.

Rich Messaging and URLs

This is where it gets really exciting. You aren’t limited to plain text.

• Dynamic Resources: You can include Flow variables, formulas, or record fields in the title and description.

• The “Curly Bracket” Trick: By using curly brackets { } in your message description, you can embed a URL. This could be a link to a public webpage, a internal Terms & Conditions document, or even a link to a specific Salesforce record.

Use Cases for Native Toasts

How should you use this in your day-to-day Admin life? Here are a few examples:

• Eligibility Alerts: As shown in the video below, if a customer no longer qualifies for a service (e.g., they moved out of the service area), a toast can immediately inform the user the moment they open the record.

• Data Validation Feedback: Instead of a clunky fault screen, show a red Error toast if a user enters data that doesn’t meet business criteria.

• Onboarding Guidance: When a new Lead is created, show an “Information” toast with a link to the “Sales Playbook” for that specific industry.

• Process Confirmation: After a complex Screen Flow that updates multiple records, show a “Success” toast that includes a link to the primary updated record. Please note that Salesforce included another action in the last minute that opens the newly created record on another tab for the user. Stay tuned for more updates related to that action.

The Pro Trick: Conditional Visibility via Lightning Record Pages

In the video, I demonstrated a clever way to use this. Normally, you might think you need to build a complex Flow that runs, checks criteria using a Decision element, and then decides to show the toast. There is a clever method.

Instead of putting the logic inside the Flow, you can keep the Flow extremely simple. Just the “Show Toast” action, and put the logic on the Lightning Record Page.

How to do it:

1. Create a simple Screen Flow: The flow only contains one element: the “Show Toast” action.

2. Add to Record Page: Drag the “Flow” component onto your Contact or Account page layout.

3. Set Component Visibility: In the Lightning App Builder, click on the Flow component. In the right-hand sidebar, go to Set Component Visibility.

4. Define Your Criteria: For example, set the visibility to Record > Last Name > Equals > Brock.

The Result: The Flow only “exists” and runs when that specific condition is met. When I go to Lex Luthor’s record, nothing happens. But when I navigate to Eddie Brock’s record, the Flow triggers, and the toast message pops up instantly: “Customer no longer qualifies for our services.”

This keeps your Flow canvas clean and offloads the “heavy lifting” to the Lightning UI engine.

Stop Duct Taping Your Flow Notifications

The “Sneaky” Summer ’26 release features prove that Salesforce is listening to the community. By making the Show Toast action native, they have removed the need for third-party dependencies, reduced technical debt, and given Admins a powerful new tool to communicate with users.

The ability to include clickable URLs and dynamic variables means our notifications can now be functional bridges to other parts of the business.

Enjoy this new functionality, folks! It’s a game-changer for Flow UX.

Watch the video here:

Does this new native action mean you’ll be retiring your unofficialSF packages? Let us know in the comments below!

Explore related content:

11 Flow Updates in Summer 26 Release

Get Your Org Ready: Summer ’26 Admin Highlights

Master Custom Batch Sizes for Schedule-Triggered Flows

Warn and Inform with Native Toast Messages in Salesforce Flow

Just when the Salesforce community thought we had fully digested the Summer ’26 release notes, the product team decided to drop a classic “one more thing.” Adam White recently announced that two new functionalities were “snuck” into the release at the last minute. For those of us who live and breathe Flow Builder, this is like finding an extra gift under the tree after you thought Christmas was over.

The star of this stealth update? The Native Show Toast Message Action.

In this post, we’re going to break down why this is such a great update for Salesforce Admins, how we used to handle this the “old way”, and a clever trick to implement these notifications without cluttering your Flow logic.

What Exactly is a Toast Message?

In the world of User Experience (UX) and User Interface (UI) design, a Toast Message is a small, non-modal notification that “pops up” (like toast from a toaster) to provide feedback about an operation.

Unlike a modal or a popup window, a toast message doesn’t require the user to click “OK” to continue their work (though they can be configured to stay until dismissed). They are designed to be subtle but informative. In Salesforce, you usually see them at the top of the screen in green (Success), red (Error), yellow (Warning), or blue (Information).

Why Toasts Matter

Toasts are critical for a smooth user journey. They confirm that an action was successful or alert a user to a problem without breaking their concentration or forcing them to navigate to a new page. Without toasts, users are often left wondering, “Did that save?” or “Did my automation actually run?”

The Way We Were: The Era of UnofficialSF and AppExchange

For years, the request for a native “Show Toast” action in Flow was one of the most requested ideas. But for a long time, the answer from Salesforce was silence. This led the community to innovate on its own.

The UnofficialSF Method

To get a toast message in a Screen Flow, most Admins turned to UnofficialSF. This incredible community resource offered a “Show Toast” flow component. While it worked beautifully, it came with technical debt considerations:

• Installation Management: You had to install a managed or unmanaged package in your production environment.

• Maintenance: Every time Salesforce updated its API, you had to ensure your community-sourced components remained compatible.

• Security Audits: In highly regulated industries (like Finance or Healthcare), getting a third-party package approved by a security team can take months.

The AppExchange and Custom LWC

Other Admins turned to the AppExchange for “Flow Utility” packs or, if they had developer resources, they wrote custom Lightning Web Components (LWC). An LWC could use the ShowToastEvent in JavaScript, but it required writing code, which goes against the “Clicks, Not Code” mantra that makes Flow so powerful.

That era is officially over. With the Summer ’26 release, the power is finally native.

Exploring the New Native “Show Toast” Action

The new functionality allows us to call a standard action directly from the Flow Builder. It is robust, flexible, and incredibly easy to configure. Here is what you can now do natively:

Style Selection

You can choose the “Flavor” of your notification. This dictates the icon and the color of the toast:

• Success (Green): For when things go right.

• Warning (Yellow): To alert users of a potential issue that doesn’t stop progress.

• Information (Blue): General updates or helpful hints.

• Error (Red): When a process fails or a validation is triggered.

Dismissal Control

You get to decide the “persistence” of the message.

• Automatic: The toast appears and then fades away after a few seconds. This is great for simple success confirmations.

• Manual: The toast stays on the screen until the user clicks the “X” to close it. This is vital for errors or warnings where you want to ensure the user has actually read the information.

Rich Messaging and URLs

This is where it gets really exciting. You aren’t limited to plain text.

• Dynamic Resources: You can include Flow variables, formulas, or record fields in the title and description.

• The “Curly Bracket” Trick: By using curly brackets { } in your message description, you can embed a URL. This could be a link to a public webpage, a internal Terms & Conditions document, or even a link to a specific Salesforce record.

Use Cases for Native Toasts

How should you use this in your day-to-day Admin life? Here are a few examples:

• Eligibility Alerts: As shown in the video below, if a customer no longer qualifies for a service (e.g., they moved out of the service area), a toast can immediately inform the user the moment they open the record.

• Data Validation Feedback: Instead of a clunky fault screen, show a red Error toast if a user enters data that doesn’t meet business criteria.

• Onboarding Guidance: When a new Lead is created, show an “Information” toast with a link to the “Sales Playbook” for that specific industry.

• Process Confirmation: After a complex Screen Flow that updates multiple records, show a “Success” toast that includes a link to the primary updated record. Please note that Salesforce included another action in the last minute that opens the newly created record on another tab for the user. Stay tuned for more updates related to that action.

The Pro Trick: Conditional Visibility via Lightning Record Pages

In the video, I demonstrated a clever way to use this. Normally, you might think you need to build a complex Flow that runs, checks criteria using a Decision element, and then decides to show the toast. There is a clever method.

Instead of putting the logic inside the Flow, you can keep the Flow extremely simple. Just the “Show Toast” action, and put the logic on the Lightning Record Page.

How to do it:

1. Create a simple Screen Flow: The flow only contains one element: the “Show Toast” action.

2. Add to Record Page: Drag the “Flow” component onto your Contact or Account page layout.

3. Set Component Visibility: In the Lightning App Builder, click on the Flow component. In the right-hand sidebar, go to Set Component Visibility.

4. Define Your Criteria: For example, set the visibility to Record > Last Name > Equals > Brock.

The Result: The Flow only “exists” and runs when that specific condition is met. When I go to Lex Luthor’s record, nothing happens. But when I navigate to Eddie Brock’s record, the Flow triggers, and the toast message pops up instantly: “Customer no longer qualifies for our services.”

This keeps your Flow canvas clean and offloads the “heavy lifting” to the Lightning UI engine.

Stop Duct Taping Your Flow Notifications

The “Sneaky” Summer ’26 release features prove that Salesforce is listening to the community. By making the Show Toast action native, they have removed the need for third-party dependencies, reduced technical debt, and given Admins a powerful new tool to communicate with users.

The ability to include clickable URLs and dynamic variables means our notifications can now be functional bridges to other parts of the business.

Enjoy this new functionality, folks! It’s a game-changer for Flow UX.

Watch the video here:

Does this new native action mean you’ll be retiring your unofficialSF packages? Let us know in the comments below!

Explore related content:

11 Flow Updates in Summer 26 Release

Get Your Org Ready: Summer ’26 Admin Highlights

Master Custom Batch Sizes for Schedule-Triggered Flows

🇪🇸: En esta sección profundizaremos en el proceso de Modelado de Curvas y Superficies para comprenderlo y poder desarrollar nuestros modelos con las diferentes técnicas que podamos emplear.

https://youtu.be/7QNzEVo64Ts?si=2e7q01qU5P6Wrf27

#modelado3d
#topologia
#topology
#tutorial
#curves
#mazhuka
#israelcantillo
#nubs
#bezier

A few months ago I shared a guide on how to make a website in (about) five minutes with as little code as possible.

And if that's still too much code, here's a follow up with almost none.

Hope you'll enjoy!

https://stefanbohacek.com/blog/how-to-make-a-website-in-5-minutes-almost-no-code-version/

#tutorial #PersonalSites #MakeAWebsite #SmallWeb #indieweb

SimpleChat: un template Blazor provider-agnostico per chat AI con .NET 10 Aspire

https://spcnet.it/simplechat-un-template-blazor-provider-agnostico-per-chat-ai-con-net-10-aspire/

OnlyOffice team just put out a video explaining how to redact PDFs. Is it a real tutorial or a dig at the DOJ?

https://www.youtube.com/watch?v=ImMGeCsMP1Y

#usa #usaPol #tutorial #onlyOffice #satire #redacting #epstein #epsteinFiles

OnlyOffice team just put out a video explaining how to redact PDFs. Is it a real tutorial or a dig at the DOJ?

https://www.youtube.com/watch?v=ImMGeCsMP1Y

#usa #usaPol #tutorial #onlyOffice #satire #redacting #epstein #epsteinFiles

OnlyOffice team just put out a video explaining how to redact PDFs. Is it a real tutorial or a dig at the DOJ?

https://www.youtube.com/watch?v=ImMGeCsMP1Y

#usa #usaPol #tutorial #onlyOffice #satire #redacting #epstein #epsteinFiles

OnlyOffice team just put out a video explaining how to redact PDFs. Is it a real tutorial or a dig at the DOJ?

https://www.youtube.com/watch?v=ImMGeCsMP1Y

#usa #usaPol #tutorial #onlyOffice #satire #redacting #epstein #epsteinFiles

OnlyOffice team just put out a video explaining how to redact PDFs. Is it a real tutorial or a dig at the DOJ?

https://www.youtube.com/watch?v=ImMGeCsMP1Y

#usa #usaPol #tutorial #onlyOffice #satire #redacting #epstein #epsteinFiles

Ciao Mondo.
Ho fatto un video da vero influenzo (etcì) con millemila visualizzazioni.
Un video in cui in un minuto e mezzo vado modellando la #luna o un #planetoide o una palla cosmica.
Passa anche tu a buttargli un occhio.
(E se novanta secondi ti sembrano troppi: sai quanto ci è voluto alla luna 🌛 per formarsi lassù?)

https://www.instagram.com/reel/DYRfWCsMATM/?igsh=MTJlenNwN3U5aTh3dw==

#ig #reel #moon #tutorial #cretasenzacottura #astronomia

Ciao Mondo.
Ho fatto un video da vero influenzo (etcì) con millemila visualizzazioni.
Un video in cui in un minuto e mezzo vado modellando la #luna o un #planetoide o una palla cosmica.
Passa anche tu a buttargli un occhio.
(E se novanta secondi ti sembrano troppi: sai quanto ci è voluto alla luna 🌛 per formarsi lassù?)

https://www.instagram.com/reel/DYRfWCsMATM/?igsh=MTJlenNwN3U5aTh3dw==

#ig #reel #moon #tutorial #cretasenzacottura #astronomia

Ciao Mondo.
Ho fatto un video da vero influenzo (etcì) con millemila visualizzazioni.
Un video in cui in un minuto e mezzo vado modellando la #luna o un #planetoide o una palla cosmica.
Passa anche tu a buttargli un occhio.
(E se novanta secondi ti sembrano troppi: sai quanto ci è voluto alla luna 🌛 per formarsi lassù?)

https://www.instagram.com/reel/DYRfWCsMATM/?igsh=MTJlenNwN3U5aTh3dw==

#ig #reel #moon #tutorial #cretasenzacottura #astronomia

Today, I have for you a post about stitch markers! Go take a look 😉
https://www.lavisch.com/site/tutorial-stitch-markers/

#LaVischDesigns #Knitting #KnittingLife #KnittingLove #KnitterProblems #KnittingProject #KnittingInspiration #Tutorial #KnittingTutorial

🆕 blog! “Stupidly Simple SVG Sparklines”

A sparkline is a little line-graph with no axes or other unnecessary details. They're useful for getting quick understanding of what the data is showing.

They're also really easy to create programmatically.

This uses the SVG "polyline" which takes a list of x,y co-ordinate pairs. But can you spot the small problem?

<svg…

👀 Read more: https://shkspr.mobi/blog/2026/05/stupidly-simple-svg-sparklines/
⸻
#svg #tutorial

Stupidly Simple SVG Sparklines

A sparkline is a little line-graph with no axes or other unnecessary details. They're useful for getting quick understanding of what the data is showing.

They're also really easy to create programmatically.

This uses the SVG "polyline" which takes a list of x,y co-ordinate pairs. But can you spot the small problem?

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 124">
    <polyline fill="none" stroke="#0074D955" stroke-width="3" 
        points="12,48 83,84 154,79 226,90 297,79 369,65 440,78 512,80 583,88 654,12 726,56 797,92 869,93 940,97 1012,106"></polyline>
</svg>

The SVG co-ordinate system has position 0,0 at the top left. Most graphics formats are like that. That's fine for our x value - but it means higher y values will appear lower on the graph.

Getting the x co-ordinate of each data point is easy. Take the width of the SVG image and divide it by the number of data-points.

The y co-ordinate is harder. The algorithm is:

1. Find the height of the SVG.
2. Find the maximum value in the data.
3. Find the minimum value in the data.
4. Divide the maximum value by the height of the graph.
5. For each data point, either:
   • To have the lowest value at the bottom of the graph, subtract the minimum from the value, then multiply by the ratio in (4).
   • Or, to retain the gap between zero and the lowest value, multiply the value by the ratio in (4).
6. The y co-ordinate is calculated by subtracting the value in (5) from the height in (1).

Here's some code showing how it works. I've added a little padding to the inside of the graph - you'll see why later:

//  Max and min of views.
$max_views = max( $svg_views_data );
$min_views = min( $svg_views_data );
$svg_data_length = sizeof( $svg_dates_data ) - 1;

//  SVG details for scaling.
$svg_padding = 12;
$svg_width_graph  = 1000;
$svg_width  = $svg_width_graph + ( $svg_padding * 2 );
$svg_height_graph = 100;
$svg_height = $svg_height_graph + ( $svg_padding * 2 );

//  Calculate where each point should be.
$x_per = $svg_width_graph / ( $svg_data_length );
$y_per = $svg_height_graph / $max_views;

//  Loop through the data.
foreach ( $svg_views_data as $index=>$views ) {
    //  X is from the left.
    $x_pos = intval( $x_per * $index ) + $svg_padding;
    //  Y is from the top.
    $y_pos = $svg_height - intval( $y_per * $views ) - $svg_padding;

    //  Add a point to the line.
    $polyline_points .= "{$x_pos},{$y_pos}\n";
}

echo <<< SVG
<svg xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 $svg_width $svg_height" class="chart">
    <polyline
        fill="none"
        stroke="#F00"
        stroke-width="3"
        points="{$polyline_points}"/>
</svg>
SVG;

Suppose someone suggests stupidly simple sparklines suffer seriously so someone should supplement statistics several circles?

Using the same co-ordinates, we can place an SVG circle on top of the point. Give it a "title" attribute and you have a little bit of interactivity.

<circle cx="12" cy="48" r="5" fill="#0074D955"><title>4,707 Views</title></circle>

Here's how it looks (view source to understand how it is constructed).

Hover over any of those little circles and you'll see some pop-up text giving you information about that datapoint.

…that's it! If you have an array of data points, you can easily create a graph with no graphing library, no plugins, no 3rd party dependencies. Just super simple SVG.

A nice little trick with Illustrator's gradient mesh tool https://youtu.be/SQc0PduUIwk #illustrator #tutorial #mesh

A nice little trick with Illustrator's gradient mesh tool https://youtu.be/SQc0PduUIwk #illustrator #tutorial #mesh

A nice little trick with Illustrator's gradient mesh tool https://youtu.be/SQc0PduUIwk #illustrator #tutorial #mesh

A nice little trick with Illustrator's gradient mesh tool https://youtu.be/SQc0PduUIwk #illustrator #tutorial #mesh

A nice little trick with Illustrator's gradient mesh tool https://youtu.be/SQc0PduUIwk #illustrator #tutorial #mesh

MCP Server con Node.js: da un sistema di note su file a MySQL

https://spcnet.it/mcp-server-con-node-js-da-un-sistema-di-note-su-file-a-mysql/

MCP Server con Node.js: da un sistema di note su file a MySQL

https://spcnet.it/mcp-server-con-node-js-da-un-sistema-di-note-su-file-a-mysql/

MCP Server con Node.js: da un sistema di note su file a MySQL

https://spcnet.it/mcp-server-con-node-js-da-un-sistema-di-note-su-file-a-mysql/

MCP Server con Node.js: da un sistema di note su file a MySQL

https://spcnet.it/mcp-server-con-node-js-da-un-sistema-di-note-su-file-a-mysql/

MCP Server con Node.js: da un sistema di note su file a MySQL

https://spcnet.it/mcp-server-con-node-js-da-un-sistema-di-note-su-file-a-mysql/

🔗 Using the ADR (Action/Domain/Responder) Pattern in Laravel
https://wendelladriel.com/blog/using-the-adr-action-domain-responder-pattern-in-laravel
#php #laravel #designpatterns #architecture #tutorial

Cómo modificar en Firefox el desagradable sonido que reproduce al buscar un texto que no encuentra

https://victorhckinthefreeworld.com/2026/05/12/como-modificar-en-firefox-el-desagradable-sonido-que-reproduce-al-buscar-un-texto-que-no-encuentra/

Scopri come creare un agente AI locale con n8n 🤖

Una guida pratica per automatizzare flussi di lavoro sfruttando l’intelligenza artificiale, senza dipendere da servizi esterni. Ideale per chi vuole più controllo, privacy e flessibilità.

👉 https://www.risposteinformatiche.it/creare-agente-ai-n8n-locale/

@linux @opensource

#AI #n8n #Automazione #OpenSource #Privacy #Tech #Linux #UnoLinux #UnoOpenSource #Tutorial #Locale #AgentAI #Agente

Scopri come creare un agente AI locale con n8n 🤖

Una guida pratica per automatizzare flussi di lavoro sfruttando l’intelligenza artificiale, senza dipendere da servizi esterni. Ideale per chi vuole più controllo, privacy e flessibilità.

👉 https://www.risposteinformatiche.it/creare-agente-ai-n8n-locale/

@linux @opensource

#AI #n8n #Automazione #OpenSource #Privacy #Tech #Linux #UnoLinux #UnoOpenSource #Tutorial #Locale #AgentAI #Agente

Scopri come creare un agente AI locale con n8n 🤖

Una guida pratica per automatizzare flussi di lavoro sfruttando l’intelligenza artificiale, senza dipendere da servizi esterni. Ideale per chi vuole più controllo, privacy e flessibilità.

👉 https://www.risposteinformatiche.it/creare-agente-ai-n8n-locale/

@linux @opensource

#AI #n8n #Automazione #OpenSource #Privacy #Tech #Linux #UnoLinux #UnoOpenSource #Tutorial #Locale #AgentAI #Agente

Scopri come creare un agente AI locale con n8n 🤖

Una guida pratica per automatizzare flussi di lavoro sfruttando l’intelligenza artificiale, senza dipendere da servizi esterni. Ideale per chi vuole più controllo, privacy e flessibilità.

👉 https://www.risposteinformatiche.it/creare-agente-ai-n8n-locale/

@linux @opensource

#AI #n8n #Automazione #OpenSource #Privacy #Tech #Linux #UnoLinux #UnoOpenSource #Tutorial #Locale #AgentAI #Agente

Scopri come creare un agente AI locale con n8n 🤖

Una guida pratica per automatizzare flussi di lavoro sfruttando l’intelligenza artificiale, senza dipendere da servizi esterni. Ideale per chi vuole più controllo, privacy e flessibilità.

👉 https://www.risposteinformatiche.it/creare-agente-ai-n8n-locale/

@linux @opensource

#AI #n8n #Automazione #OpenSource #Privacy #Tech #Linux #UnoLinux #UnoOpenSource #Tutorial #Locale #AgentAI #Agente

A new update for my free Tween Guide is out!!
https://qaqelol.itch.io/tweens

It includes new pages like:
🟡Demo: Floating text (damage numbers)
🟡Demo: Pixel Bunny Power Up
🔴Tip: Custom transitions
+ some tweaks and secrets

Have a nice day!!
#Godot #GameDev #GodotEngine #Animation #Tutorial

𝗝𝗮𝘃𝗮𝗦𝗰𝗿𝗶𝗽𝘁 𝗜𝗻𝗳𝗼:

#Tutorial #JavaScript

https://thewhale.cc/posts/javascript-info

The modern Javascript tutorial. Learn JavaScript from the basics to advanced topics with simple, but detailed explanations.

Juste au moment où j'abandonne l'idée de faire marcher cette maudite webcam, je tombe sur un article franchement clair sur le sujet ? La vie est cruelle https://www.mathiashove.com/blog/2026/getting-ipu6-camera-working-on-ubuntu #ubuntu #webcam #installation #dell #tutorial

Firefox no muestra los kanjis o caracteres japoneses (ni chinos ni koreanos) en Plasma

https://victorhckinthefreeworld.com/2026/05/11/firefox-no-muestra-los-kanjis-o-caracteres-japoneses-ni-chinos-ni-koreanos-en-plasma/

C'est donc comme ça que je vais pouvoir appeler keepassxc-cli sur mon contrôleur Ansible pour récupérer les mots de passe proprement ! https://oneuptime.com/blog/post/2026-02-21-how-to-use-ansible-to-run-commands-on-the-control-node/view #ansible #commandline #exécution #configuration #tutorial

C'est donc comme ça que je vais pouvoir appeler keepassxc-cli sur mon contrôleur Ansible pour récupérer les mots de passe proprement ! https://oneuptime.com/blog/post/2026-02-21-how-to-use-ansible-to-run-commands-on-the-control-node/view #ansible #commandline #exécution #configuration #tutorial

C'est donc comme ça que je vais pouvoir appeler keepassxc-cli sur mon contrôleur Ansible pour récupérer les mots de passe proprement ! https://oneuptime.com/blog/post/2026-02-21-how-to-use-ansible-to-run-commands-on-the-control-node/view #ansible #commandline #exécution #configuration #tutorial

C'est donc comme ça que je vais pouvoir appeler keepassxc-cli sur mon contrôleur Ansible pour récupérer les mots de passe proprement ! https://oneuptime.com/blog/post/2026-02-21-how-to-use-ansible-to-run-commands-on-the-control-node/view #ansible #commandline #exécution #configuration #tutorial

RP Pico Streamline Board - RP2354 - RP Pico #1 rying out the new Streamline MCU RP2354 board. A dive into what is Raspberry Pico RP2350, WHY am I making this video and finally - how easy it is to use. #GettingStarted #Tutorial #Streamline #RP2350 #STM32World www.youtube.com/watch?v=7JMz...

RP Pico Streamline Board - RP2...

RP Pico Streamline Board - RP2354 - RP Pico #1

rying out the new Streamline MCU RP2354 board. A dive into what is Raspberry Pico RP2350, WHY am I making this video (on a channel named STM32World) and finally - how easy it is to use.

#GettingStarted #Tutorial #Streamline #RP2350 #STM32World

https://www.youtube.com/watch?v=7JMziWYkwSg

RP Pico Streamline Board - RP2354 - RP Pico #1

rying out the new Streamline MCU RP2354 board. A dive into what is Raspberry Pico RP2350, WHY am I making this video (on a channel named STM32World) and finally - how easy it is to use.

#GettingStarted #Tutorial #Streamline #RP2350 #STM32World

https://www.youtube.com/watch?v=7JMziWYkwSg

RP Pico Streamline Board - RP2354 - RP Pico #1

rying out the new Streamline MCU RP2354 board. A dive into what is Raspberry Pico RP2350, WHY am I making this video (on a channel named STM32World) and finally - how easy it is to use.

#GettingStarted #Tutorial #Streamline #RP2350 #STM32World

https://www.youtube.com/watch?v=7JMziWYkwSg

RP Pico Streamline Board - RP2354 - RP Pico #1

rying out the new Streamline MCU RP2354 board. A dive into what is Raspberry Pico RP2350, WHY am I making this video (on a channel named STM32World) and finally - how easy it is to use.

#GettingStarted #Tutorial #Streamline #RP2350 #STM32World

https://www.youtube.com/watch?v=7JMziWYkwSg

RP Pico Streamline Board - RP2354 - RP Pico #1

rying out the new Streamline MCU RP2354 board. A dive into what is Raspberry Pico RP2350, WHY am I making this video (on a channel named STM32World) and finally - how easy it is to use.

#GettingStarted #Tutorial #Streamline #RP2350 #STM32World

https://www.youtube.com/watch?v=7JMziWYkwSg

I Made My Eleventy Build 5× Faster with Five Changes | 🔗 https://brennan.day/i-made-my-eleventy-build-5-faster-with-five-changes/

#Eleventy #Javascript #Technical #Tutorial #IndieWeb #PersonalSite

I Made My Eleventy Build 5× Faster with Five Changes | 🔗 https://brennan.day/i-made-my-eleventy-build-5-faster-with-five-changes/

#Eleventy #Javascript #Technical #Tutorial #IndieWeb #PersonalSite