8 repositorios
Interfaces for accessing hardware and media capabilities directly through web platform APIs.
Distinguishing note: Focuses on hardware/media access rather than general DOM manipulation.
Explore 8 awesome GitHub repositories matching web development · Browser API Integrations. Refine with filters or upvote what's useful.
SheetJS is a comprehensive library for parsing, manipulating, and generating complex spreadsheet file formats. It functions as a universal data processor that maps diverse binary, XML, and text-based file structures into a unified internal object model, allowing developers to create, read, and transform workbook data programmatically. The library distinguishes itself through a portable logic layer that provides a consistent execution environment across web browsers, server-side runtimes, and native desktop or mobile applications. By utilizing stream-based processing, it handles large files in
Integrates data processing into web applications by leveraging standard browser features like fetch and web workers.
This project is a structured educational curriculum designed to build proficiency in vanilla JavaScript through hands-on, project-based learning. It provides a series of coding exercises that focus on core language fundamentals and the direct manipulation of the document object model, enabling developers to create interactive web interfaces without relying on external frameworks or dependencies. The curriculum distinguishes itself by emphasizing direct integration with browser-native APIs. Participants learn to build hardware-aware applications by accessing device sensors, cameras, and microp
Provides direct access to hardware and media capabilities like cameras and geolocation via native browser interfaces.
This project is a comprehensive collection of modular, reactive functions designed to streamline the development of user interfaces. It serves as a toolkit for managing application state, wrapping native browser hardware and system features, and encapsulating common logic patterns into reusable units. By binding asynchronous data sources, browser events, and system properties to component state, it provides a unified framework for building interactive web and desktop applications. The library distinguishes itself through its focus on composition and lifecycle management, allowing developers t
Provides direct access to native browser hardware and system features like clipboard, sensors, and media controls for responsive application interactions.
This project is a JavaScript educational resource and frontend web development course. It provides a collection of starter files and final projects designed to teach the JavaScript programming language through practical application. The material functions as a project portfolio and implementation guide, demonstrating how to build interactive user interfaces using the document object model. It focuses on event handling, object oriented programming, and the integration of native browser features. The course covers a range of capability areas, including asynchronous data fetching, client-side a
Demonstrates how to integrate web applications with native browser capabilities to access system and hardware data.
react-responsive is a set of utility tools and hooks for evaluating CSS media queries within React components. It functions as a viewport state manager that detects screen dimensions and triggers user interface changes based on defined breakpoints. The project includes a helper for server-side rendering and automated testing that allows device properties to be overridden via context. This ensures consistent rendering when browser-native detection is unavailable. The library covers adaptive component rendering, viewport change monitoring, and responsive layout detection. It uses the native ma
Integrates the native window.matchMedia API to track media query states and update components.
Este proyecto es una colección integral de fragmentos de código reutilizables, hooks personalizados y patrones de implementación para construir interfaces de usuario con React. Sirve como una biblioteca de ejemplos cortos diseñados para resolver tareas de desarrollo comunes, que van desde la gestión del estado hasta la integración con el DOM. La colección proporciona una amplia gama de utilidades especializadas para interactuar con APIs del navegador, incluyendo seguimiento de dimensiones de ventana, evaluación de consultas de medios y monitoreo de estado en línea. También incluye guías prácticas y fragmentos para la optimización del rendimiento, como memorización, carga diferida (lazy loading) y debouncing de cambios de estado. Las áreas de capacidad amplias cubren la implementación de componentes de UI interactivos como modales, carruseles e interfaces con pestañas, así como patrones arquitectónicos para la obtención de datos, persistencia de estado y verificación de actualizaciones asíncronas. La biblioteca también incluye utilidades para la gestión de formularios, manejo de eventos y sincronización de enrutamiento mediante el seguimiento del estado de la URL.
Connects React components to window events, media queries, and DOM observers for responsive behavior.
Tai is a desktop activity tracker and self-hosted productivity monitor designed to record the amount of time spent on specific software applications and websites. It functions as a software usage monitor and website browsing logger to analyze digital time distribution. The system provides capabilities for digital productivity analysis, personal time tracking, and screen time management. It can also be used for employee activity monitoring to audit software engagement and workflows. The project handles monitoring and observability through time-series usage logging and local persistence storag
Integrates with browser APIs to retrieve the active URL for website tracking.
Seed is a frontend framework for building single-page applications using Rust and WebAssembly. It provides a virtual DOM rendering engine and a component-based UI library to construct modular, reusable interface elements. The framework implements a unidirectional data flow model based on the Elm architecture to ensure type-safe state management and predictable state transitions. It utilizes compile-time macros to transform declarative UI definitions into efficient instructions for the browser. The project covers a broad range of web capabilities, including application routing, content intern
Offers interfaces to access native browser hardware and media capabilities via platform APIs.