# interactive Published articles for interactive. This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles. ## Introducing YeSQL: Practical PostgreSQL, One Concept at a Time DevFeed: [Introducing YeSQL: Practical PostgreSQL, One Concept at a Time]() Original publisher: [Read original article]() Author: Dimitri Fontaine PostgreSQL Major Contributor; Author Published: 2026-08-18T08:00:00Z Content type: release Language: en Sources: [Dimitri Fontaine]() Topics: [PostgreSQL](), [SQL](), [WebAssembly]() Tags: [how-to](), [interactive](), [postgresql](), [sql](), [webassembly]() ### AI overview The article introduces YeSQL, a free collection of 24 short PostgreSQL lessons. Each lesson combines one concept with a runnable query and realistic data. Queries run locally in the browser through PGlite, PostgreSQL compiled to WebAssembly, without signup or a server round-trip. ### Source excerpt I'm happy to share something new: YeSQL is live, a free set of 24 short PostgreSQL lessons -- one concept, one runnable query, real data, no signup. It's free to use today, and it's also a prototype for something I've wanted to build for a while: making every query in The Art of PostgreSQL runnable, right on the page. ## Introducing Document360's New API Documentation Experience DevFeed: [Introducing Document360's New API Documentation Experience]() Original publisher: [Read original article]() Author: Darshan Sureshkumar Published: 2026-08-07T13:29:10Z Content type: release Language: en Sources: [Knowledge Management Tips, Best Practices and More]() Topics: [API](), [Documentation](), [console](), [Authentication](), [ChatGPT](), [Claude]() Tags: [api](), [api-documentation](), [authentication](), [chatgpt](), [claude](), [console](), [developers](), [documentation](), [interactive](), [product-update](), [release](), [update]() ### AI overview Document360 introduces a redesigned API Reference with a three-pane layout, an interactive Try It! Console, reusable session variables, in-console authentication, and endpoint questions through Eddy AI. The release also expands Global Find & Replace across reusable content and knowledge base elements, and adds documentation-to-ChatGPT or Claude workflows. ### Source excerpt Developers expect API references they can experiment with instantly. Documentation teams need faster ... The post Introducing Document360's New API Documentation Experience appeared first on Document360. ## Dependent Types and the Challenge of Automating Proofs DevFeed: [Dependent Types and the Challenge of Automating Proofs]() Original publisher: [Read original article]() Author: Adam Langley Published: 2026-07-26T00:00:00Z Content type: opinion Language: en Sources: [ImperialViolet]() Topics: [Programming language](), [Lean](), [Programming](), [Coq]() Tags: [interactive](), [language](), [machine](), [programming](), [programming-language]() ### AI overview The article discusses dependently typed languages such as Coq, Rocq, and Lean, which can encode subtle invariants in a type system. It explains that writing and checking proofs can require substantial effort, contributing to the niche status of these languages and motivating attempts to automate proof obligations. ### Source excerpt I've long had a soft spot for dependently-typed languages like Coq Rocq and Lean. They offer the possibility of a type system capable of encoding and enforcing arbitrarily subtle invariants. The sort of thing that, in regular languages, ends up (at best) as a comment, and which quickly gets lost as the size of the team grows. Then you get subtle misunderstandings and components that don't quite fit together. It's often the case that those components have grown to a sufficient size that, when the problem is noticed, aligning either of them is a wearying prospect. Perhaps, say dependent types seductively, you could write those invariants formally and have a machine check them. (p.s. Coq changed its name! I remember many years ago at a Coq conference in Princeton, I tried suggesting that, in an English-speaking world, having a programming language called Coq was an impediment. I don't think the audience agreed at the time. I also joked that many of the talks there sounded like a speech by Tyrion Lannister, there being so many Coqs and Hoares. A joke that was hilarious and timely, even though it fell completely flat, coming as it did before the final season of that show and our collective memory-holing of it.) The problem has always been that with great type-system power comes great proof effort. I can certainly attest to entire days spent proving really quite simple things. Doing proofs is actually quite fun: it's challenging, interactive, and there's a clear goal. But gosh, does it take a lot of time, especially if, like me, you don't know what you're doing. There's also the periodic, galling experience, at the end of many hours of effort, where you realise that the goal that you're trying to prove is, in fact, false. The classic result here is the retrospective from the seL4 effort that found that, even though the project was large enough for the engineers to develop considerable experience, they spent about 10 times as much time proving as they did designing and imp ## I Created 1000+ Interactive Animations for Interviews DevFeed: [I Created 1000+ Interactive Animations for Interviews]() Original publisher: [Read original article]() Author: Ashish Pratap Singh Published: 2026-06-28T13:28:17Z Content type: opinion Language: en Sources: [AlgoMaster Newsletter]() Topics: [Learning](), [coding](), [Machine learning](), [SQL]() Tags: [ai-ml](), [coding](), [interactive](), [learning]() ### AI overview AlgoMaster.io now offers more than 1,000 interactive animations covering technical subjects such as data structures and algorithms, system design, AI/ML, and SQL. Many animations are free, while full access is available through a premium subscription. ### Source excerpt DSA, System Design, AI, SQL and more ## How Temporal's Senior Developer Advocate Built 2,000 Interactive Badges for Replay DevFeed: [How Temporal's Senior Developer Advocate Built 2,000 Interactive Badges for Replay]() Original publisher: [Read original article]() Author: Shy Ruparel Published: 2026-05-20T00:00:00Z Content type: article Language: en Sources: [Temporal Blog]() Topics: [Hardware](), [developer-relations](), [keyboard](), [screen](), [Job]() Tags: [community](), [conference](), [developer](), [electronic](), [hardware](), [interactive](), [manufacturing](), [project](), [temporal-voices]() ### AI overview Temporal Senior Developer Advocate Shy Ruparel describes the design and manufacturing process behind 2,000 interactive electronic badges made for the Replay developer conference, including the project's hardware concepts and production challenges. ### Source excerpt Temporal's Senior Developer Advocate, Shy Ruparel, built 2,000 interactive electronic badges for Replay. Here's how he pulled it off. ## From VHS to Interactive Streams: Customization at Scale with the NFL Sunday Ticket on YouTube DevFeed: [From VHS to Interactive Streams: Customization at Scale with the NFL Sunday Ticket on YouTube]() Original publisher: [Read original article]() Author: Shawn DeVries Published: 2026-01-23T23:05:00Z Content type: article Language: en Sources: [8th Light Insights]() Topics: [Streaming](), [personalization](), [Sports](), [real-time](), [Playback](), [ui](), [parallel](), [Mobile]() Tags: [customization](), [interactive](), [mobile](), [parallel](), [personalization](), [platform-innovation](), [playback](), [real-time](), [scale](), [sports](), [streams](), [ui]() ### AI overview This article examines how NFL Sunday Ticket on YouTube moved live sports viewing from a fixed broadcast toward personalized, interactive streams. It describes custom Multiview layouts, fantasy integrations, spoiler controls, playback options, and interfaces that work across TVs, mobile devices, and tablets. ### Source excerpt It's the mid-90s, it's Sunday morning, and you're about to set your VCRs to record on your NFL game of choice You'd capture everything, commercials, dead time, halftime filler, and hope the tape didn't cut out in overtime. It was static. One-size-fits-all. Then TiVo arrived. That pause button changed the game. Suddenly, fans could freeze a field goal, run to grab game day food, and unpause just in time for the kick. Control entered the living room. Fast forward to NFL Sunday Ticket on YouTube. Fans are now building their own broadcast in real time. The cultural shift is clear: live sports have moved from passive consumption to personalized control over the gameday experience. Raising the Stakes For nearly three decades, NFL Sunday Ticket lived only on DirecTV. It was a premium cable-era product; expensive, exclusive, and tied to satellite hardware. Fans outside their home market had little choice but to buy into the bundle if they wanted every game. That era is over. When YouTube secured the Sunday Ticket package, it leapt from the satellite dish into the streaming stack. And with that leap came a redefinition of expectations: reliability is still required, but now the baseline includes interactivity and personalization at a massive scale. Inside Sunday Ticket's interactive layer: Custom Multiview Fans can build their own layout with two, three, or four games running in parallel. Local broadcasts integrate seamlessly for YouTube TV base subscribers. Multiview works across TVs, mobile, and tablets, keeping the experience consistent. Fantasy View Integration Users can link NFL Fantasy and Yahoo Fantasy accounts. This allows fantasy stats and team updates surface directly in the stream. Spoiler Mode & Playback Features Hide scores until you're ready to see them. Advanced playback controls such as broadcast delay toggle All the features create more ways to personalize the live feed. Improved UI & Side-by-Side Experience Dual-column layouts show live action next to stats ## Airflow Survey 2025 DevFeed: [Airflow Survey 2025]() Original publisher: [Read original article]() Author: Apache Airflow Published: 2026-01-22T00:00:00Z Content type: article Language: en Sources: [Apache Airflow Blog]() Topics: [airflow](), [data](), [CSV]() Tags: [2025](), [airflow](), [analysis](), [apache-airflow](), [community](), [csv](), [download](), [form](), [graphics](), [interactive](), [report](), [responses](), [share](), [survey](), [users](), [view]() ### AI overview This page presents the Airflow Survey 2025 interactive report, hosted by Astronomer and sponsored and supported by the Apache Airflow community. The supplied evidence does not include the survey findings. ### Source excerpt The interactive report is hosted by Astronomer. The Apache Airflow community thanks Astronomer for running this survey, for sponsoring it and providing the report in this form, and for their effort in marketing, analysis, and preparing the graphics. View raw data Download survey responses (CSV) ## Building long-running interactive MCP tools with Temporal DevFeed: [Building long-running interactive MCP tools with Temporal]() Original publisher: [Read original article]() Author: Joshua Smith Published: 2025-08-21T00:00:00Z Content type: tutorial Language: en Sources: [Temporal Blog]() Topics: [Model Context Protocol](), [Orchestration](), [Building AI Systems](), [Artificial Intelligence]() Tags: [agentic-ai](), [durability](), [how-to](), [interactive](), [long-running](), [mcp](), [model-context-protocol](), [workflow]() ### AI overview This tutorial explains how to build long-running, interactive MCP tools with Temporal Workflows. It describes using MCP to trigger, monitor, and interact with durable workflows, including workflows that wait for human approval, while Temporal handles orchestration, memory, timeouts, and retries. ### Source excerpt Learn how to interact with a long-running tool workflow using MCP from one of our Solutions Architects, Josh Smith. ## How the Space Invader Generator Works DevFeed: [How the Space Invader Generator Works]() Original publisher: [Read original article]() Author: Stanko Published: 2025-08-15T00:00:00Z Content type: tutorial Language: en Sources: [Stanko Tadić]() Topics: [creative coding](), [Code Challenge](), [3D]() Tags: [code-challenge](), [creative-coding](), [how-to](), [interactive]() ### AI overview An interactive tutorial about a Space Invader Generator made for a Creative Coding Amsterdam code challenge. It describes the project's origins, using the Rayven vector 3D renderer, and the author's research and pixel-art sketches for generating invaders. ### Source excerpt This is an interactive article. To fully experience it, you'll need to turn JavaScript on. I recently made the Space Invader Generator for Creative Coding Amsterdam code challenge. I made it for fun of course... and galactic domination too! You can see how it looks below and in this post I'll show you how it works using an interactive animation. Here are a few invaders it can generate: While showing friends how it works, I realized the process would look great animated. So I decided to write another interactive blog post. I'll give you some background first, but if you are eager to see the process, feel free to jump straight to the interactive part. How it started # I was working on a new version of Rayven, my vector 3D renderer. Sometimes I get stuck working on tools - they turn into never-ending projects and I never actually use them to create something. At some point I became aware of this pattern, and I think I've gotten better at wrapping projects up, releasing them in one form or another, and moving on. So I thought it would be cool to do a few plots using Rayven instead of endlessly tweaking the renderer itself. I wanted something simple that I could whip up quickly. It would be a meaningful milestone, even if I didn't finish everything I planned for Rayven. Then I thought of Space Invaders. They are small, easy to render with 3D blocks, and instantly recognizable as part of video game history. I did a few renders of the classic space invader and started thinking that it would be fun to generate random ones and create a series of plots. That sounded like a good idea to share as a code challenge. The code challenge # I was pleasantly surprised that people liked the idea. We drafted some rules and the Space Invaders code challenge was on! At the time of writing, the challenge is still ongoing, but once it wraps up, I'll link to all the submissions. I've already seen some works in progress and there is some really cool stuff coming - stay tuned! From doodles to ## CSS only counter component DevFeed: [CSS only counter component]() Original publisher: [Read original article]() Author: Stanko Published: 2025-08-05T00:00:00Z Content type: tutorial Language: en Sources: [Stanko Tadić]() Topics: [CSS](), [HTML](), [Code](), [Web Development]() Tags: [code](), [css](), [html](), [interactive]() ### AI overview A tutorial explaining how to build a counter component using only CSS. It uses pre-rendered HTML radio inputs, labels, and the :has selector to show the checked, previous, and next values, with additional sections on buttons, looping, and hover behavior. ### Source excerpt Before we start, here is a demo of the counter (you can also check it out on CodePen): 12345678910 - + This idea started with a space invaders generator I recently made. If you look at the randomize button, you'll notice the number on the dice changes from five to three when you hover over it. A friend then said, "It would be really cool if you showed a different number every time you hover." That got me thinking, could I make this using CSS only?It's trivial to do in a few lines of JavaScript, which I'll probably do at some point. Before diving deeper, I decided to simplify the problem by first making a basic counter component. Since the solution had to be CSS-only, we'd need to render all the numbers before hand and then select one at a time using CSS - which felt a lot like how radio inputs work. So I decided to try radio inputs. After a bit of experimenting, I ended up with this HTML structure:
Solution # To make a counter, we need to somehow select the checked input's label, as well as the previous and next ones, using CSS. Lucky for us, we live in the future where the :has selector exists. If you had shown me :has back when we were still dealing with IE6, it would have completely blown my mind. Anyway, we can use this fancy selector to target the inputs we need, and it's fairly simple: /* Checked label */ input:checked + label {} /* Prev label */ label:has(+ input:checked) {} /* Next Label */ input:checked + label + input + label {} I hope this code is clear as it is, but to make things easier to grasp here is an interactive demo: 123456 This demo uses the exact code we have above (plus a ::before element for labels) to high ## Airflow Survey 2024 DevFeed: [Airflow Survey 2024]() Original publisher: [Read original article]() Author: Apache Airflow Published: 2025-02-27T00:00:00Z Content type: article Language: en Sources: [Apache Airflow Blog]() Topics: [airflow](), [data](), [CSV]() Tags: [airflow](), [apache](), [community](), [csv](), [data](), [download](), [graphics](), [interactive](), [report](), [survey](), [users]() ### AI overview Airflow Survey 2024 is an interactive report hosted by Astronomer, based on a survey run with support from the Apache Airflow community. The page provides access to raw data and survey responses in CSV format. ### Source excerpt The interactive report is hosted by Astronomer. The Apache Airflow community thanks Astronomer for running this survey, for sponsoring it and providing the report in this form, and for their effort in marketing, analysis, and preparing the graphics. View raw data Download survey responses (CSV) ## I Taught My 8yo Subduction Zones With NotebookLM DevFeed: [I Taught My 8yo Subduction Zones With NotebookLM]() Original publisher: [Read original article]() Published: 2024-09-29T00:00:00Z Content type: opinion Language: en Sources: [Tim Kellogg]() Topics: [Learning](), [Internet]() Tags: [complex](), [interactive](), [learning](), [podcast]() ### AI overview The author describes using NotebookLM to create an audio, podcast-style explanation of a complex geology paper for their eight-year-old daughter. The child remained engaged and demonstrated some understanding, though the author notes that she likely missed some details. ### Source excerpt I'm blown away by NotebookLM. It seems there's nothing too hard to learn when you can get a podcast-style overview and then ask any question in an interactive learning session. So let's think big; why can't my 8 year old child learn about cutting edge PhD research? How far can we get? ## Binary search finds things fast DevFeed: [Binary search finds things fast]() Original publisher: [Read original article]() Author: Mike Published: 2024-08-13T07:55:55Z Content type: tutorial Language: en Sources: [Dev Details]() Topics: [Algorithm](), [Programming]() Tags: [algorithm](), [array](), [binary-search](), [book](), [example](), [interactive]() ### AI overview A tutorial explaining binary search, an efficient algorithm for finding an item's position in a sorted array by repeatedly halving the search range. It covers the requirement that the array be sorted, the search steps, and use cases including checking values, finding occurrences, and determining insertion points. ### Source excerpt I wrote a small interactive book to teach binary search. ## How to Use GPT-4 to Create Interactive Text-Based Adventure Games DevFeed: [How to Use GPT-4 to Create Interactive Text-Based Adventure Games]() Original publisher: [Read original article]() Published: 2023-04-01T15:48:44Z Content type: tutorial Language: en Sources: [Matt Might]() Topics: [Generative AI](), [Game engine](), [Development]() Tags: [game](), [generate](), [gpt](), [how-to](), [interactive](), [make](), [save](), [text]() ### AI overview This tutorial explains how to use GPT-4 as a game engine for interactive text-based adventure games by defining a fictional universe and designing a prompt to simulate gameplay. It also describes adding a save-game feature so players can save and resume the game state. ### Source excerpt Compared to prior versions, GPT-4 is more capable at writing fiction. Combined with its advances in reasoning, this allows it to maintain a consistent state in a fictional universe as it emulates a text-based adventure game like the classic Zork. In this article, I'll explain how to convert GPT-4 into a game engine for interactive text-based adventure games with just two simple steps: Create a descriptive lore to define the universe and the player Engineer a prompt to simulate a text-based adventure game You can even add a save game feature that allows you to save the state and resume play later. While GPT-3 works with these techniques, it tends to create worlds with less coherent states and the game has shallower narratives compared to GPT-4. The backstory Figuring out how to create these games emerged from my kids' bedtime. Before they go to bed, I like to spend 15-30 minutes doing something educational and entertaining, such as: reading a book or a graphic novel; doing simple crafts like paper airplanes; asking a question on their mind and searching for the result; choosing an object to have 3D printed by morning; or writing a small program or part of a larger program. Not surprisingly, generative AI expands what you can do in 15-30 minutes! For instance, this image took about 30 minutes from start to finish, combining Midjourney to generate a base image, Lensa to do touch-ups and change the background and then DALL-E to tweak parts of it and extend the borders: The opportunities for text-based gaming turn out to the just as rich! My daughter had created a fictional universe with friends at school, complete with its own lore. So, we dropped in the lore and then asked it to act like a role-playing game in that world. We ended up spending an hour exploring this world brought to life, completing the first "quest" it had imagined for us. Click here to read the rest of the article ## My Advice to a Developer New to Accessibility DevFeed: [My Advice to a Developer New to Accessibility]() Original publisher: [Read original article]() Author: Eevis Panula Published: 2023-01-03T08:57:33.125000Z Content type: tutorial Language: en Sources: [Eevis Blog]() Topics: [Accessibility](), [Web Development](), [HTML](), [keyboard](), [markup]() Tags: [accessibility](), [accessible](), [advice](), [developer](), [development](), [element](), [elements](), [focus](), [html](), [html-elements](), [input](), [interaction](), [interactive](), [keyboard](), [learning](), [markup]() ### AI overview This beginner-oriented accessibility article recommends focusing on progress rather than perfection and introduces semantic HTML, keyboard navigation, and listening to people with disabilities. It explains that semantic elements communicate meaning to browsers and developers and support appropriate interaction, while a div styled as a button may work only for mouse users and may not be focusable or keyboard-accessible. ### Source excerpt Learning about accessibility for the first time can feel overwhelming. You start reading, and at some point, it hits you: There is so much to learn! And if you're like me and feel that it's your responsibility to make the things you create accessible, that might even make you feel anxious. And yes, there is a lot to learn regarding accessibility. But you don't need to know everything at once. As Meryl Evans reminds us in her tweet (and a blog post the tweet links to), it's about progress over perfection: https://twitter.com/merylkevans/status/1547635550466674692 So, here are some things I wish I had known when I first started learning accessibility. Heck, I wish I had known these things when I started learning web development! I'll share semantic HTML, keyboard navigation, and listening to people with disabilities. Learn Semantic HTML and Use It So, first thing: Learn semantic HTML. But what does it mean? Semantic HTML, or semantic markup, describes its meaning to the browser and developer in a human- and machine-readable way. So, with semantic elements, a human will know what the HTML element is about, and the browser knows what it should render and how it should behave when a user interacts with it. Here's an example: That button uses a semantic button-element. When it does so, the browser knows what it should do when the user either clicks or activates it with a keyboard or other input device. Here's an example of a non-semantic "button":
I look like a button
So, this "button" made out of div looks like a button and even has the onClick-handler. So, wouldn't a human recognize it as a button? Well, yes and no. It depends on the human. You see, this "button" works only for mouse users. As div is not an interactive element by nature, it doesn't handle interaction the same way as, for example, a button-element. When using a semantic button-element, that onClick-event pro ## Draw SVG rope using JavaScript DevFeed: [Draw SVG rope using JavaScript]() Original publisher: [Read original article]() Author: Stanko Published: 2022-12-23T00:00:00Z Content type: article Language: en Sources: [Stanko Tadić]() Topics: [SVG](), [JavaScript](), [Code](), [Programming]() Tags: [code](), [interactive](), [javascript](), [svg]() ### AI overview An interactive article explains how to transform an SVG path into a vector rope drawing using JavaScript. It models rope strands as curved polygon segments and develops the solution from simple rectangular polygons, with support for polylines and Bezier curves. ### Source excerpt This is an interactive article. To fully experience it, you'll need to turn JavaScript on. Today, I'll take you through the process I came up with in regard to transforming an SVG path into a vector rope drawing. We'll learn how to turn the path on the left into the rope on the right: The problem popped up on a project my colleagues were working on, and it stuck with me. I thought about it and started playing with it as soon as I got some free time. I had a lot of fun. Therefore I want to share the process with you. Please note that this is not a coding tutorial but a detailed overview of each step. But don't worry, the code is fully available. If you feel impatient, you can jump to the interactive demo or check the code on CodePen. But I wholeheartedly recommend you read the whole thing first. Idea # Looking at this close-up photo of a rope, we can see it consists of multiple strands twisted around each other. Visually, they split the rope into segments. Each segment's 2D projection resembles a curved polygon. Our goal will be to create these polygons using JavaScript. We'll start by generating simple rectangular polygons. Then we'll fine-tune them to make them look like actual rope segments. How to approach problems like this # I think this is one of the problems a child can solve and draw on paper. But at the same time, breaking it down and turning it into code is hard. I've seen many junior developers struggle with similar problems. Usually, it starts with them diving into coding right away. Then they entangle themselves in their code and get stuck. And that is why it is so important to solve the problem first.I bore my mentees to death by repeating that programming is problem-solving, while code is just a tool to implement those solutions. I'm a visual thinker. For me drawing things on paper makes any problem easier to solve. I would suggest you try the same. Keep a pen and paper near your computer and reach out for them before you start typing code. After dood ## Redesigning Material.io to expand visual and interactive expression in Material Design 3 DevFeed: [Redesigning Material.io to expand visual and interactive expression in Material Design 3]() Original publisher: [Read original article]() Published: 2022-10-18T10:00:00Z Content type: article Language: en Sources: [Material.io - Material Design]() Topics: [Material Design]() Tags: [design](), [interactive](), [material-design](), [material-design-3]() ### AI overview The article discusses redesigning Material.io to support greater visual and interactive expression in Material Design 3 guidelines. ### Source excerpt Pushing visual and interactive expression in design guidelines with Material Design 3 ## Redesign: Version 5.0 DevFeed: [Redesign: Version 5.0]() Original publisher: [Read original article]() Author: hello@taniarascia.com Published: 2021-09-02T00:00:00Z Content type: article Language: en Sources: [Tania Rascia]() Topics: [Website](), [vs-code](), [Web Development](), [CSS](), [GUI]() Tags: [css](), [icons](), [interactive](), [keyboard](), [meta](), [redesign](), [version](), [vs-code](), [website]() ### AI overview The author describes redesigning a personal website from scratch with a VS Code-inspired interface, categorized posts, pixel-art icons, a light/dark theme switcher, customizable colors, and improved keyboard accessibility. The site uses plain CSS and has evolved through multiple iterations. ### Source excerpt Over the last week or two I've had a lot of fun building out a new site from scratch. I thought it would be fun to make my site look like a... ## Applied Threat Modeling at BlackHat 2021 DevFeed: [Applied Threat Modeling at BlackHat 2021]() Original publisher: [Read original article]() Author: Adam Published: 2021-06-28T00:00:00Z Content type: article Language: en Sources: [Shostack & Friends Blog]() Topics: [Learning](), [class]() Tags: [blackhat](), [exercise](), [interactive](), [skills](), [students](), [teaching]() ### AI overview An announcement for a hands-on Applied Threat Modeling class at Black Hat USA 2021. The class will teach threat modeling through interactive exercises covering four core questions and an end-to-end exercise. ### Source excerpt At Blackhat USA, I'll be teaching Applied Threat Modeling. ## Threat Modeling Training at Blackhat 2020 DevFeed: [Threat Modeling Training at Blackhat 2020]() Original publisher: [Read original article]() Author: Adam Published: 2020-03-02T00:00:00Z Content type: article Language: en Sources: [Shostack & Friends Blog]() Topics: [Learning]() Tags: [blackhat](), [class](), [exercise](), [interactive](), [skills](), [students](), [training]() ### AI overview The article announces hands-on threat modeling training at Black Hat 2020. The interactive class covers threat modeling steps, common traps, four key questions, and an end-to-end exercise, with sessions scheduled for August 1-2 and August 3-4. ### Source excerpt At Blackhat this summer, I'll be offering threat modeling training at Blackhat. Last year, these sold out quickly, so don't wait! ## Visualizing Postgres page images within GDB DevFeed: [Visualizing Postgres page images within GDB]() Original publisher: [Read original article]() Author: Peter Geoghegan (noreply@blogger.com) Published: 2019-03-23T00:07:00Z Content type: tutorial Language: en Sources: [Peter Geoghegan's blog]() Topics: [gdb](), [debug](), [debugging](), [Code]() Tags: [command](), [debugging](), [gdb](), [interactive](), [internals](), [pg-hexedit](), [postgresql]() ### AI overview This article explains how to configure GDB to invoke pg_hexedit on PostgreSQL page images without using the filesystem, including images from local temporary buffers. It also describes using a user-defined GDB command during debugging and with core dumps. ### Source excerpt It's straightforward to set up GDB to quickly invoke pg_hexedit on a page image, without going through the filesystem. The page image can even come from a local temp buffer. A user-defined GDB command can be created that shows an arbitrary page image in pg_hexedit from an interactive GDB session. This is a good way to understand what's really going on when debugging access method code. It also works well with core dumps. I found this valuable during a recent project to improve the Postgres B-Tree code. An example of how to make this work is available from a newly added section of the pg_hexedit README file: https://github.com/petergeoghegan/pg_hexedit/#using-pg_hexedit-while-debugging-postgres-with-gdb ## Interactive Magenta.js Tutorial for Browser Music Generation DevFeed: [Interactive Magenta.js Tutorial for Browser Music Generation]() Original publisher: [Read original article]() Author: Monica Dinculescu Published: 2018-11-07T00:00:00Z Content type: tutorial Language: en Sources: [Monica Dinculescu]() Topics: [JavaScript](), [Library](), [Web](), [interactive website]() Tags: [interactive](), [javascript](), [tutorial]() ### AI overview An introductory interactive tutorial on using the music-generation features of @magenta/music, a Magenta.js library, to make music in a browser. ### Source excerpt Magenta.js is a JavaScript library that helps you generate art and music on the web. It's also the team that I work on now! One of the things that I do whenever I join a new team is learn a bunch of things, and then make a bunch of tutorials that past Monica would've loved to stumble over. This is one of them! In this tutorial, we'll talk about the music generation bits in @magenta/music (one of the several libraries in Magenta.js) - how to make your browser sing, and in particular, how to make your browser sing like you!. The tutorial is interactive, and introductory and on Glitch. Go play with all the examples, and have fun! 💕 ## Post-Mortem: LinkedIn Talent Intelligence Experience DevFeed: [Post-Mortem: LinkedIn Talent Intelligence Experience]() Original publisher: [Read original article]() Author: andrew@nystudio107.com (Andrew Welch) Published: 2018-06-20T13:37:00Z Content type: article Language: en Sources: [nystudio107 | Articles on modern web development.]() Topics: [Post Mortem](), [Content Management System](), [GraphQL](), [vuejs](), [Front end](), [App](), [DevOps]() Tags: [app](), [cms](), [covers](), [craft](), [create](), [devops](), [experience](), [frontend](), [graphql](), [intelligence](), [interactive](), [linkedin-s](), [post-mortem](), [post-mortems](), [project](), [talent](), [unique](), [vuejs](), [web]() ### AI overview This post-mortem explains how Craft CMS 3, GraphQL, and VueJS were used to build an interactive tablet-and-projection-wall experience for LinkedIn's Talent Intelligence events. It focuses on the project's planning, architecture, DevOps, and core application design. ### Source excerpt This project post-mortem covers a unique use of Craft CMS 3, GraphQL, and VueJS to create an interactive experience for LinkedIn's Talent Intelligence Experience ## Setting up psql, the PostgreSQL CLI DevFeed: [Setting up psql, the PostgreSQL CLI]() Original publisher: [Read original article]() Author: Dimitri Fontaine PostgreSQL Major Contributor; Author Published: 2017-12-22T14:23:43Z Content type: tutorial Language: en Sources: [Dimitri Fontaine]() Topics: [PostgreSQL](), [Command-line interface](), [console](), [Scripting](), [SQL](), [Environment Variables]() Tags: [cli](), [console](), [environment-variables](), [history](), [input](), [interactive](), [keyboard](), [less](), [pager](), [postgresql](), [psql](), [redirection](), [repl](), [scripting](), [setup]() ### AI overview A tutorial on setting up and using psql, PostgreSQL's command-line console. It explains interactive and scripting features, the REPL workflow, and configuration through the psqlrc file and environment variables. ### Source excerpt PostgreSQL ships with an interactive console with the command line tool named psql. It can be used both for scripting and interactive usage and is moreover quite a powerful tool. Interactive features includes autocompletion, readline support (history searches, modern keyboard movements, etc), input and output redirection, formatted output, and more. [Next page]()