# Web Interface Published articles for Web Interface. This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles. ## I put a radio on the rack and now I listen to the world from a browser tab DevFeed: [I put a radio on the rack and now I listen to the world from a browser tab]() Original publisher: [Read original article]() Author: Shed Stack Published: 2026-09-10T15:00:00Z Content type: article Language: en Sources: [Shed Stack]() Topics: [browser](), [Network](), [Web](), [Server](), [Software](), [USB]() Tags: [browser](), [network](), [server](), [software](), [usb](), [web](), [web-interface]() ### AI overview An account of hosting an RTL-SDR receiver on a rack with OpenWebRX, turning it into a headless, network-accessible radio console controlled entirely through a browser tab. The setup supports shortwave, ham, airband, scanner, and wildfire-response radio listening from phones, tablets, or laptops. ### Source excerpt Headless OpenWebRX on an RTL-SDR, hosted on the rack. Browser-tab shortwave, airband, and scanner console. ## How to Install and Configure UniFi Controller on Raspberry Pi? DevFeed: [How to Install and Configure UniFi Controller on Raspberry Pi?]() Original publisher: [Read original article]() Author: Patrick Fromaget Published: 2026-08-13T02:01:39Z Content type: tutorial Language: en Sources: [RaspberryTips]() Topics: [Network](), [configuration](), [Linux](), [Debian](), [apt](), [Software](), [Web](), [Hardware]() Tags: [apt](), [article](), [debian](), [devices](), [guide](), [hardware](), [how-to](), [how-to-tutorials](), [linux](), [network](), [networks](), [raspberry-pi](), [software](), [unifi](), [web-interface]() ### AI overview A practical guide to installing and configuring the UniFi Network Application on a Raspberry Pi using a Debian repository or .deb package, apt, and a web interface. It also explains how the application manages multiple access points and wireless devices. ### Source excerpt I've managed access points for years as a sysadmin, and once you have 10+ devices connected, it can quickly become a nightmare. UniFi solved that problem for us, but its dedicated gateways can be expensive. The good news is that a Raspberry Pi can handle the controller role instead. Here's how to set it up.... ## Building Tactile UX: Honoring Intentional Design With Lottie DevFeed: [Building Tactile UX: Honoring Intentional Design With Lottie]() Original publisher: [Read original article]() Author: hello@smashingmagazine.com (Alexey Kopytin) Published: 2026-08-11T10:00:00Z Content type: article Language: en Sources: [Articles on Smashing Magazine -- For Web Designers And Developers]() Topics: [User experience (UX)](), [Front end](), [Web](), [Document Object Model (DOM)](), [real-time](), [math](), [JSON](), [Matter]() Tags: [animation](), [article](), [design](), [developers](), [json](), [real-time](), [ui](), [ux](), [vector](), [web](), [web-interface]() ### AI overview This article explains how Isadora Agency built Stress Release, a tactile digital stress-relief squeeze toy, using intentional Lottie animations, DOM events, and distance-based math instead of a physics engine. It focuses on deterministic, frame-accurate animation control and describes mapping DOM interactions to Lottie states rendered as JSON-based SVG animations. ### Source excerpt When tasked with building a highly interactive, tactile web experience, the architecture must serve the art direction. In this article, Alexey Kopytin explains their architectural rationale for building a digital stress-relief squeeze toy game using Lottie animations, DOM events, and distance-based math to maintain absolute control over their designers' intentional motion. ## Install Portainer on Raspberry Pi for Easy Docker Control DevFeed: [Install Portainer on Raspberry Pi for Easy Docker Control]() Original publisher: [Read original article]() Author: Dhairya Parikh Published: 2026-07-16T01:08:18Z Content type: tutorial Language: en Sources: [RaspberryTips]() Topics: [Portainer](), [Docker](), [Containers](), [Linux](), [Command-line interface]() Tags: [cli](), [containers](), [docker](), [guide](), [how-to-tutorials](), [linux](), [portainer](), [raspberry-pi](), [raspberry-pi-5](), [raspberry-pi-os](), [tutorial](), [user-interface](), [web-interface]() ### AI overview A practical tutorial explaining how to install Portainer on a Raspberry Pi and use its graphical web interface to manage Docker containers. It covers Portainer's purpose, container logs and terminal access, and the basic hardware, networking, storage, and Raspberry Pi OS requirements. ### Source excerpt If you're using a Raspberry Pi to run multiple Docker containers, managing them can quickly get complicated. That's where Portainer comes in! It allows you to organize and control your containers from a graphical web interface, simplifying the process. Portainer can be installed on a Raspberry Pi as a simple Docker container. Once started, the... ## NuttX Web Panel: A self-hosted web interface for NuttX DevFeed: [NuttX Web Panel: A self-hosted web interface for NuttX]() Original publisher: [Read original article]() Author: John Lee Published: 2026-06-29T00:00:00Z Content type: tutorial Language: en Sources: [Blog on Developer Portal]() Topics: [NuttX](), [Self-hosted](), [web applications](), [Python](), [WebSocket](), [Command-line interface](), [Monitoring]() Tags: [apache](), [blog](), [esp32-p4](), [monitoring](), [nuttx](), [posix](), [python](), [self-hosted](), [terminal](), [web](), [web-interface](), [wi-fi]() ### AI overview NuttX Web Panel is a self-hosted web interface that runs on a NuttX device. It combines system monitoring, a browser-based NSH terminal, and file management, including uploading and running Python scripts without recompiling firmware. ### Source excerpt NuttX Web Panel is a self-hosted web interface for NuttX that provides system information, a browser-based NSH terminal, and file management. Combined with Python, it turns NuttX into a computing platform where interpreted applications can be developed and tested without recompiling code. ## Getting Started with CasaOS on Raspberry Pi (Full Guide) DevFeed: [Getting Started with CasaOS on Raspberry Pi (Full Guide)]() Original publisher: [Read original article]() Author: Usman Qamar Published: 2026-06-25T01:53:45Z Content type: tutorial Language: en Sources: [RaspberryTips]() Topics: [Raspberry Pi](), [Self-hosted](), [Linux](), [Web]() Tags: [getting-started](), [guide](), [how-to-tutorials](), [linux](), [raspberry-pi](), [self-hosted](), [web-interface]() ### AI overview This guide explains how to install and use CasaOS on a Raspberry Pi. It describes CasaOS as a free, open-source web interface for Linux that provides a dashboard, app store, file manager, and personal-cloud capabilities for self-hosted applications. ### Source excerpt A Raspberry Pi can run dozens of self-hosted applications, but managing them from the terminal isn't for everyone. After trying several solutions, I think CasaOS offers one of the easiest ways to get started, with a beautiful web interface to manage everything. CasaOS is a free web interface for Linux that turns a Raspberry Pi... ## Index and Search Every File on Your Homelab Server using Sist2 DevFeed: [Index and Search Every File on Your Homelab Server using Sist2]() Original publisher: [Read original article]() Author: Jeremy Published: 2026-01-29T12:25:00Z Content type: article Language: en Sources: [Noted]() Topics: [Homelab](), [Docker Compose](), [Docker](), [Web](), [Front end](), [Back end](), [Server]() Tags: [backend](), [compose](), [docker](), [homelab](), [self-hosted](), [self-hosted-file-indexing-and-searching](), [server](), [visualization](), [web](), [web-interface]() ### AI overview A practical guide to using Sist2 as a self-hosted file indexing and search engine on a homelab server. It covers deploying Sist2 with Docker Compose, mounting directories for indexing, creating scan jobs, and searching filenames and document contents, including PDFs processed with OCR. ### Source excerpt Setup your own self-hosted file search engine using sist2. ## WLED - Powered by the Community DevFeed: [WLED - Powered by the Community]() Original publisher: [Read original article]() Author: John Lee Published: 2025-01-06T00:00:00Z Content type: article Language: en Sources: [Blog on Developer Portal]() Topics: [ESP32](), [ESP8266](), [Arduino](), [Open Source](), [Web](), [Chrome](), [Edge]() Tags: [arduino](), [beginner](), [blog](), [chrome](), [community-software](), [edge](), [esp32](), [esp8266](), [firmware](), [how-to](), [led](), [open-source](), [ota](), [software](), [web-interface](), [wi-fi](), [wled]() ### AI overview This article introduces WLED, an open-source project for controlling addressable LEDs with ESP32 or ESP8266 boards using the Arduino core. It explains supported features, hardware requirements, firmware flashing, Wi-Fi setup, and web-based configuration. ### Source excerpt Making amazing lighting installations might seem very complex, requiring a lot of expensive hardware and software. However, it can't be further from the truth. With an ESP32 or ESP8266 at hand and with the help of some software from our wonderful community, this is not that complex. Try it yourself, and you will be pleasantly surprised. Today we will talk about a community project, created by Christian Schwinne a.k.a Aircoookie, called WLED. ## We built a brand new Turso web app! DevFeed: [We built a brand new Turso web app!]() Original publisher: [Read original article]() Author: Michael Ludden Published: 2024-08-19T00:00:00Z Content type: release Language: en Sources: [Turso Blog]() Topics: [web applications](), [dashboards]() Tags: [app](), [architecture](), [cli](), [database](), [developer](), [developer-experience](), [launch](), [platform-api](), [replication](), [sqlite](), [turso](), [web](), [web-interface]() ### AI overview Turso announces a generally available, rearchitected web app and dashboard for managing databases, schemas, tokens, replication, and settings. ### Source excerpt We're excited to announce the launch of our brand new Turso web app! ## Announcing the Turso Scaler Plan DevFeed: [Announcing the Turso Scaler Plan]() Original publisher: [Read original article]() Author: Michael Ludden Published: 2023-07-11T00:00:00Z Content type: release Language: en Sources: [Turso Blog]() Topics: [Turso](), [Databases](), [SQLite](), [Cloud]() Tags: [cloud](), [databases](), [edge](), [offline](), [production](), [sqlite](), [turso](), [web-interface]() ### AI overview The article announces the Turso Scaler Plan. The supplied text provides limited context, describing Turso as a rewrite of SQLite and Turso Cloud as a service for querying databases over the wire or syncing them with devices and servers, including offline support. ### Source excerpt When we launched Turso six months ago as a private beta, we did so with a commitment to putting user feedback at the center of everything we do. Since then, one of the top pieces of feedback we've... ## Dynamic CSS Components Without JavaScript DevFeed: [Dynamic CSS Components Without JavaScript]() Original publisher: [Read original article]() Author: Heydon Pickering Published: 2019-10-07T00:00:00Z Content type: tutorial Language: en Sources: [The Every Layout Blog]() Topics: [CSS](), [Web Development](), [ui](), [HTML](), [JavaScript]() Tags: [css](), [html](), [javascript](), [server-side-rendering](), [ui](), [web-interface]() ### AI overview The article compares web interface components with electronic components, explaining how props influence rendered HTML. It then proposes CSS components based on a shared styling module with configurable values, while noting that the described approach still relies partly on JavaScript and server-side rendering. ### Source excerpt What is a component? In electronics, it's a discrete device used to affect the behavior of the electricity in a circuit, or electrical system. Electronic components are modular, and are often used in combination to achieve specific values. For example, a number of resistor components of different values might be used in series to produce a desired resistance. Electronic components take an input, augment it internally, and return a different output. In this respect, the only real conceptual difference between electronic components and web interface components is that the former passes the signal along, and the latter passes it down. Props Whether you are using React, Vue, custom elements, or some other component-organized system, inputs tend to be passed to the component via props (properties). The property names/identifiers belong to the component; the values of the properties belong to a containing (ancestor) component and its current state. A UI component outputs (using a return statement in JavaScript) some UI, and the shape this UI takes is, at least partially, beholden to the values of the props originally passed. Like resitors augment the current, UI components augment the interface. Rendering On the web, the UI a component outputs consists of markup/HTML. The structure of that HTML will differ depending on how the current values of its props are interpolated. For example, if a hypothetical users prop consisted of an array of 726 users in its current state, the following render function would output an unordered list of 726 users. Array of 891; list of 891. const render = () => { return `
    ${prop.users.map(user => `
  • ${user.name}
    • `).join('')}
` } What's neat is that I have a single component, as one module definition, that can be instantiated under differing circumstances and produce different outcomes. For example, I might use the same component just to display logged in users. All that has to change is the input: the value of the users prop. ## GSoC 2019 - Developer Web Interface for ReactOS (Final Report) DevFeed: [GSoC 2019 - Developer Web Interface for ReactOS (Final Report)]() Original publisher: [Read original article]() Published: 2019-08-20T00:00:00Z Content type: article Language: en Sources: [Front Page on ReactOS Website]() Topics: [ReactOS](), [Website](), [Development](), [API](), [GitHub](), [GitHub API]() Tags: [api](), [details](), [developer](), [development](), [features](), [free](), [github](), [gsoc](), [open-source](), [os](), [react](), [reactos](), [report](), [tests](), [ui](), [web](), [web-interface](), [win32](), [winapi]() ### AI overview A final report on a ReactOS developer web interface that combines GitHub, BuildBot, and Testman data to help developers track commits, builds, and tests in one place. The report describes implemented filtering, pagination, and client-side rendering, along with planned search and interface improvements. ### Source excerpt Introduction Developer Web Interface for ReactOS is a web tool to support the development of ReactOS. The main goal of this project is to develop a platform for ReactOS developers to easily track Commits, Builds and Test details. The web Interface makes API calls to various endpoints of GitHub, BuildBot and Testman API and interrelates them and renders a simplified view of Commit, Build and Test details at one place, so developers don't have to visit different sites to view different details, our web Interface collects all details and displays at one place. ## cPouta - Now with Haka! DevFeed: [cPouta - Now with Haka!]() Original publisher: [Read original article]() Author: Kalle Happonen (noreply@blogger.com) Published: 2017-02-17T12:32:00Z Content type: release Language: en Sources: [CSC - IT Center For Science - Cloud Team]() Topics: [Cloud](), [browser](), [API](), [Command-line interface]() Tags: [api](), [browser](), [cloud](), [command-line](), [cpouta](), [web-interface]() ### AI overview The cPouta cloud service now supports logging in with a Haka account through its web interface. Users still need a CSC account and access to a cPouta project, while Haka login is not yet available for API or command-line access. ### Source excerpt Many times we've been asked Can I log in to cPouta using my Haka account? Finally we can answer yes! "How do I log in again?" Not THAT kind of haka. ...but Things are never quite that simple. There are a few restrictions. The most important one is, that you have to have a CSC account and access to a cPouta project to do this. How do you get these? This page should get you started. https://research.csc.fi/accounts-and-projects We still have to keep track of research projects, their users, and their resource usage, which is why you still need a project. But once you have that, point your browser to https://pouta.csc.fi and log in to your heart's content. Please note that Haka logins only work with the web interface for now. We're looking into the option of enabling this for API and command line access in the future. Your CSC Cloud Team ## Bullet Proofing Django Models DevFeed: [Bullet Proofing Django Models]() Original publisher: [Read original article]() Author: Haki Benita Published: 2016-10-25T21:00:00Z Content type: tutorial Language: en Sources: [Haki Benita]() Topics: [Django](), [Development](), [Requirements]() Tags: [account](), [articles](), [code](), [development](), [django](), [id](), [identifier](), [implementation](), [mobile](), [models](), [orm](), [web-interface]() ### AI overview This tutorial explains patterns for designing Django models for a bank-account-like feature. It starts with business requirements, then covers account uniqueness, public and private identifiers, deletion protection, balance limits, and action logging through balance deltas. ### Source excerpt We recently added a bank account like functionality into one of our products. During the development we encountered some textbook problems and I thought it can be a good opportunity to go over some of the patterns we use in our Django models. ## How to Make a SoundCloud Powered Children's Toy DevFeed: [How to Make a SoundCloud Powered Children's Toy]() Original publisher: [Read original article]() Published: 2012-08-30T00:00:00Z Content type: tutorial Language: en Sources: [SoundCloud Backstage Blog]() Topics: [App](), [data](), [Processes]() Tags: [app](), [browser](), [code](), [coding](), [event](), [events](), [hackathon](), [hacks](), [how-to](), [integration](), [json](), [monitor](), [playback](), [processes](), [software](), [web](), [web-interface]() ### AI overview A SoundCloud hackathon project created ToyBox, a children's toy that plays SoundCloud audio when an Arduino detects physical events. The article outlines the Raspberry Pi services, web application, and integration used to map events to sounds. ### Source excerpt Just over a week ago we had our first internal hackathon at SoundCloud. You can read (and listen!) about it on our community blog or read...