Search Results for "dom" - Page 2

Angular Flex Layout provides a sophisticated layout API using Flexbox CSS + mediaQuery. This module provides Angular developers with component layout features using a custom Layout API, mediaQuery observables, and injected DOM flexbox-2016 CSS stylings. The Flex Layout engine intelligently automates the process of applying appropriate Flexbox CSS to browser view hierarchies. This automation also addresses many of the complexities and workarounds encountered with the traditional, manual, CSS-only application of box CSS. The real power of Flex Layout, however, is its responsive engine. ...

Incremental DOM is a lightweight library for building DOM trees by issuing imperative update instructions, avoiding heavyweight virtual DOM diffing at runtime. Instead of creating and diffing large object graphs, templates compile to a sequence of function calls that “patch” the live DOM in place. This model eliminates allocations associated with virtual trees and allows updates to be streamed directly to the DOM, which can improve memory usage and reduce GC pressure. ...

A chrome extension tracks front-end JavaScript that uses DOM or jQuery APIs to manipulate html dom elements (e.g., change style, attach event listener) on web page at runtime.

Maintainable CSS is nearly impossible. But writing maintainable JavaScript is a fairly solved problem. Let's combine the two to make CSS maintainability an issue of the past. The DOM style attribute is not enough to cater to things like pseudo-states and media queries. We provide a simple zero-config style function that gives you all the power of CSS with all the safety and maintainability of TypeScript/JavaScript. TypeStyle core is actually very small (~6k gz) and you are free to use just that. However, this guide and TypeStyle are designed to be approachable by both beginner and expert CSS devs. ...

Cycle’s core abstraction is your application as a pure function main() where inputs are read effects (sources) from the external world and outputs (sinks) are write effects to affect the external world. These I/O effects in the external world are managed by drivers, plugins that handle DOM effects, HTTP effects, etc. The internals of main() are built using Reactive Programming primitives, which maximizes separation of concerns and provides a fully declarative way of organizing your code. The dataflow is plainly visible in the code, making it readable and traceable. Cycle.js apps are made of pure functions, which means you know they only take inputs and generate predictable outputs, without performing any I/O effects. ...