An Unbelievable Demo

Brendan Gregg

This is the story of the most unbelievable demo I've been given in world of open source. He was kind enough to give me a quick demo anyway. He gave me a path to start looking under, and after a bit of searching I found the directory with all the tools he had been demoing.

Real-World Effectiveness of Brotli

CSS Wizardry

I took a handful of example sites in which I tried to cover sites that were a good cross section of: relatively well known (it’s better to use demos that people can contextualise), and/or; relevant and suitable for the test (i.e.


Sign Up for our Newsletter

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Optimising Largest Contentful Paint

CSS Wizardry

Demos. For the purposes of this article, I built a series of reduced demos showing how each of the LCP types behave. The initial demos can be found at: ??. ?? In our demo, it is actually flagged as being the much smaller element.

Using JSONB in PostgreSQL: How to Effectively Store & Index JSON Data in PostgreSQL


demo=# select * from books where data ? demo=# explain analyze select * from books where data ? demo=# explain analyze select * from books where data ?| It will result in a sequential scan: demo=# select * from books where data->'tags' ?

Transfer Stored Procedures between master databases on SQL Server instances using SSDT 2017

SQL Shack

Demo Setup For demonstration, I have executed the Ola-hallengren database maintenance script on a master database of Nisarg-PCSQL01. This is the second article in the series of Migrating SQL Server Objects using SSDT 2017.

ConsoleMe: A Central Control Plane for AWS Permissions and Access

The Netflix TechBlog

Access the AWS console ( docs , talk , demo ) ConsoleMe allows users to access the AWS console through the use of temporary IAM role credentials.

AWS 208

The Fastest Google Fonts

CSS Wizardry

Google Fonts are good to us—they preconnect the origin preemptively via an HTTP header attached to the response: While not all that effective in these demos, I wish more third-party providers would do things like this.

Google 285

4 steps to modernize your IT service operations with Dynatrace


We came up with list of four key questions, then answered and demoed in our recent webinar. Stephan demoed how avodaq internally leverages Dynatrace Synthetic. Dynatrace news.

Lambda 159

Building Gatsby Themes For WordPress-Powered Websites

Smashing Magazine Graphics

Moreover, we want to set up a demo within the same project that implements the themes directly. Next, at the root of your monorepo, add the package.json file that specifies the workspaces: { "private": true, "workspaces": [ "packages/*", "demo" ] }. demo ? ???

Apica Wins 2022 Digital Innovator Award


Schedule a DEMO today to learn more. Apica’s synthetic monitoring platform is the most capable solution on the market today, and the industry is sitting up and taking notice. We’re proud to announce that Apica has won the 2022 Digital Innovator Award from Intellyx.

The anatomy of the Spring4Shell vulnerability and how to prevent its effects—and those of similar vulnerabilities


Figure 3: HTML file of our demo app showing the variable ${message} mapped from our DemoObject. Figure 4: Demo web application, rendered with the user input “Hello to all!”. Dynatrace news.

Java 186

New Product Release: What’s New in Tasktop Hub 20.2


The short demo video below shows an example, where a manufacturer uses conditional field flow to govern how defect fields flow to and from suppliers at different stages of a defect’s life cycle. . This short demo video provides an overview of the new conflict resolution configuration. .

Bandwidth or Latency: When to Optimise for Which

CSS Wizardry

The waterfall I used as a demo was exactly that—a demo. When it comes to network performance, there are two main limiting factors that will slow you down: bandwidth and latency. Bandwidth is defined as…. the maximum rate of data transfer across a given path. Generally speaking, increased bandwidth is only particularly useful when you’re transferring or downloading large files.

Business observability and customer experience: A competitive edge for financial services


Below shows an example from our demo app with the VoC session ID highlighted: User session details with VoC Session ID property. Join us for our on-demand Power Demo: Dynatrace and Business Observability: Tying IT Metrics to Business Outcomes. Dynatrace news.

Exploring Data @ Netflix

The Netflix TechBlog

Data Explorer architecture and service adapter layers Demo Environment Deploying a new tool in any real-world environment is a time commitment. We get it, and to help you with that initial setup, we have included a dockerized demo environment.

Simple streaming telemetry

The Netflix TechBlog

Introducing gnmi-gateway: a modular, distributed, and highly available service for modern network telemetry via OpenConfig and gNMI By: Colin McIntosh, Michael Costello Netflix runs its own content delivery network, Open Connect , which delivers all streaming traffic to our members.

Simplifying Form Styles With `accent-color`

Smashing Magazine Graphics

In the following demo, we’re applying two different accent colors. In the following demo, we’re assigning each checkbox group a custom property that corresponds to the element’s index ( --i ) using the style attribute in the HTML. See this demo.)

Media 97

HammerDB v4.0 New Features Pt2: Scalable UHD Graphics


Additionally these type of displays on devices such as PixelSense on Microsoft Surface Book were popular for presentations and demos and therefore the task was to update the HammerDB display to support scalable graphics. Up to version 3.3

AWS observability: AWS monitoring best practices for resiliency


To learn more about how Dynatrace manages AWS observability, join us for an on-demand demo, AWS Observability with Serverless. Watch demo now! Dynatrace news.

Open-Sourcing a Monitoring GUI for Metaflow

The Netflix TechBlog

Instead of a fancy GUI for demos and presentations, we wanted a serious productivity tool with carefully thought-out user workflows that would fit seamlessly into our toolchain of data science.

Dynatrace named a launch partner of Amazon EKS Blueprints


Check out our Power Demo: Software Intelligence for Kubernetes. Dynatrace news. We’re excited to announce that Dynatrace has been recognized as a launch partner for the newly introduced Amazon Web Services (AWS) offering of Amazon EKS Blueprints.

3D CSS Flippy Snaps With React And GreenSock

Smashing Magazine Graphics

My final demo is a React app, but we don’t need to dig into using React to explain the mechanics of making this work. It’s worth noting that the performance of this demo is affected by the grid size and the demos are best viewed in Chromium-based browsers.

Games 76

Using Real-Time Digital Twins for Corporate Contact Tracing

ScaleOut Software

A Demo Application Shows How Companies Can Track COVID-19 Contacts Within Companies. In this post, we’ll take a closer look at its implementation in a demo application created by ScaleOut Software. The demo application creates a memory-based real-time digital twin for each employee.

Using Real-Time Digital Twins for Corporate Contact Tracing

ScaleOut Software

A Demo Application Shows How Companies Can Track COVID-19 Contacts Within Companies. In this post, we’ll take a closer look at its implementation in a demo application created by ScaleOut Software. The demo application creates a memory-based real-time digital twin for each employee.

When Do SQL Server Sorts Rewind?

SQL Performance

Demo 1: Inaccurate Rewinds. Demo 2: Sort Rewinds. Demo 3: Rewinding Nothing. Demo 4: Maximum Rewind! Demo 5: In-Memory Sort. Demo 6: No In-Memory Sort. Introduction. Rewinds are specific to operators on the inner side of a nested loops join or apply.

A Day with Kotlin

Software Architecture

fun demo(x: Any) { if (x is String) println(x.length) // x is automatically cast to String } 3. What Kotlin has that Java does not. So, I was hearing a lot about Kotlin lately and decided to give it a try. It will be fun learning about a new language and maybe I find it useful for some product or app.

Building A Dynamic Header With Intersection Observer

Smashing Magazine Graphics

I’ve included a demo at the end of this article, so feel free to jump straight to it if you’re keen to unpick the code. For brevity, I’ve only included the parts relevant to the article, but the full markup is included in the demo. Final Demo.

Media 114

Building An API With Gatsby Functions

Smashing Magazine Graphics

If you’d prefer to jump ahead, the finished demo API code can be found on my GitHub. for my demo API is as follows: Demo API: My First Function. Here’s a CodeSandbox that uses my-first-function from my demo API. CodeSandbox: Demo profile card.

Dynatrace Application Security detects and blocks attacks automatically in real-time


For more information, visit our website to watch the demo or read our previous Application Security blog post s. Dynatrace news. In today’s world, the speed of innovation is key to business success.

What is Azure?


For more information on Dynatrace and Azure, check out our Power Demo , Advancing Cloud Performance: Applying AI and Automation to Microsoft Azure or see the magic first hand with our free trial. Dynatrace news.

Azure 208

A Deep CSS Dive Into Radial And Conic Gradients

Smashing Magazine Graphics

Here is the hero section with the ellipse (colored in grey, just for demo purposes): ( Large preview ). This is a demo by Temani Afif. I saw this on a demo shared by Scott Kellum. Check out the demo → Conclusion. A Deep CSS Dive Into Radial And Conic Gradients.

Design 103

A Guide To Modern CSS Colors

Smashing Magazine Graphics

Try it out with this demo (works in Safari only): See the Pen [HWB color (Safari only)]([link] by Michelle Barker. In this demo , we can see a stark contrast between LCH and HSL by hitting the grayscale toggle. A Guide To Modern CSS Colors. A Guide To Modern CSS Colors. Michelle Barker.

Energy 112

Creating A Custom Range Input That Looks Consistent Across All Browsers

Smashing Magazine Graphics

Or, if you prefer, you can view this CodeSandbox demo in each of the respective browsers to see the browser inconsistencies in all their glory. Chrome demo of default HTML range input. Firefox demo of default HTML range input. Safari demo of default HTML range input.

Springing into the Virtual DevOps Enterprise Summit, Europe 2021


At our virtual booth and across various conference sessions, live demos and happy hours, we’re looking forward to continuing to help attendees make data-driven decisions that will help steer their unique DevOps and value stream management (VSM) journeys. Daily Coffee Break Live Demos.

What is full stack observability?


Check out the on-demand Power Demo, Dynatrace and Business Observability: Tying IT Metrics to Business Outcomes. Dynatrace news. Full-stack observability is fast becoming a must-have capability for organizations under pressure to deliver innovation in increasingly cloud-native environments.

Integration Showcase: LoadView & Dynatrace


EasyTravel demo application on AWS server. Setup Demo App EasyTravel on AWS box. Connect demo application hosted on AWS to Dynatrace. EasyTravel – Demo application from Dynatrace. Setup Demo App EasyTravel on AWS Box. Start Easytravel demo app. Link to my Easytravel demo application hosted on AWS server: [link]. Connect demo application hosted on AWS to Dynatrace. Integration Showcase: Dynatrace & Dotcom-Monitor’s LoadView.

AWS 40

How Parallel Plans Start Up – Part 5

SQL Performance

Luckily, the design of the demo query is such that the stream aggregates in Branch C will produce only a few rows. I chose a merge join for this demo because it happens to require early phase processing for both inputs.

C++ 111

Lesser-Known And Underused CSS Features In 2022

Smashing Magazine

The tooltip is locked in a hovered state for demo purposes. See the Pen [Content-visibility Demo: Base (With Content Visibility)]([link] by Vladimir Levin. See the Pen Content-visibility Demo: Base (With Content Visibility) by Vladimir Levin.

Media 107

Dynatrace Amplify Sales Kickoff: 2022 – Digital Transformation is not an event, it’s a journey


Building on each of the Mainstage sessions, our Sales and Technical Sales Breakout Tracks drilled down into going beyond observability, best practices for partner sales plays, and live demos of our platform. Dynatrace news.

Recipes for Performance Testing Single Page Applications in WebPageTest

CSS - Tricks

In order to illustrate those recipes, I will use the React Admin demo website as an example. I encourage you to go take a quick look at the website (the demo account is demo/demo ) in order to have an idea of what we will be trying to achieve. WebPageTest is an online tool and an Open Source project to help developers audit the performance of their websites. As a Web Performance Evangelist at Theodo , I use it every single day.

A Themeable React Data Grid With Great UX-Focused Features

CSS - Tricks

In the demo, you can flip out English for Spanish with a simple dropdown and see all the dates localized. Here’s a live demo of this: C’mon now! (This is a sponsored post.).

Kubernetes workload troubleshooting with metrics, logs, and traces


Dynatrace Davis , our deterministic AI, recently notified our teams about a problem in one of our Keptn instances we just recently spun up to demo our automated performance analysis capabilities orchestrated by Keptn. Dynatrace news.

Composable CSS Animation In Vue With AnimXYZ

Smashing Magazine Graphics

See the Pen [Animxyz Demo]([link] by Ejiro Asiuwhu. See the Pen Animxyz Demo by Ejiro Asiuwhu. Here is a demo of how to use the XyzTransition component in Vue.js. Here is a demo of what we are going to build: Demo. The final demo is on GitHub.

Media 89