Freaks City

Single Page Applications SPA applications update specific portions of the user interface without requiring full page reloads. These applications leverage JavaScript to manipulate the browser's Document Object Model (DOM), which typically consists of fixed UI elements and placeholder containers that get populated based on user interactions. A ke ...

MediaInfo is a tool that reads and analyzes audio and video files, extracting metadata such as video details, audio tracks, subtitles, and more. It can also be used on the web through mediainfo.js, which leverages WebAssembly technology to provide similar functionality. This article focuses on entegrating mediainfo.js into a Vue framework for d ...

WebAssembly (Wasm) enables near-native performance for applications running in web browsers. Combined with tools like pygbag, it allows Python code—specifically games built with Pygame—to run directly in the browser without requirring users to install Python locally. Why Pygbag? While alternatives like Pyodide exist, they often lack support for ...

Calling JavaScript from C# Blazor WebAssembly runs inside the browser, but sometimes you need to reach beyond the sandbox and use native browser features—localStorage, geolocation, or even a third-party map. The runtime exposes IJSRuntime for exactly that purpose. Creating a Facade Function Start with a plain JavaScript function that will act a ...

Qt6 introduces significant enhancements for web application development, leveraging the power of C++ with modern web technologies. The core components include: QWebEngine: A Chromium-based engine for rendering web content with full support for HTML5, CSS3, and JavaScript. QWebChannel: Facilitates seamless communication between C++ objects and ...

Understanding Blazor Components Every Razor file in Blazor represents a component. That's the fundamental concept! A Blazor Razor file contains markup and can include C# code within an @code section. Each page in our application is essentially a component, and these components can be composed by nesting other components within them. Any class t ...

When building a rosbag visualization tool, it was discovered that a static web frontend could parse rosbag files without any backend API requests, prompting investigation into WebAssembly as the underlying technology. WebAssembly Basics WebAssembly (abbreviated WASM) is a low-level, efficient binary instruction format built for browser-based ex ...

Using Rust and WebAssembly to Handle High-Precision Arithmetic When dealing with large numbers in JavaScript, floating-point precision limitations often lead to unexpected results. To overcome these constraints, developers can leverage Rust compiled to WebAssembly (WASM) for accurate calculations. Setting Up the Project Begin by initializing a ...

Setting Up the Project Create a new Blazor WebAssembly App and name it BlazorTSInterop. Select .NET 6.0 client-only with no authentication and no PWA support. Run the application in hot reload mode with CTRL+F5. The template includes counter and fetch data pages that won't be needed for this demonstration. We'll work exclusively with the home p ...

Scaffolding the Project with the .NET CLITo create a new hosted Blazor WebAssembly project using the command line, open a terminal and navigate to your desired output directory. Execute the following command, which specifies the blazorwasm template, includes the --hosted flag to generate an accompanying ASP.NET Core server project, and outputs ...