InfoQ Homepage Markup Languages Content on InfoQ
-
CSS Motion Path Now Supported in Most Browsers
With the release early this year of Firefox 72, the CSS Motion Path specification is now implemented in most browsers. With CSS Motion Path, developers can implement a larger range of complex animations without resorting to JavaScript, or importing full-featured animation libraries like GSAP (GreenSock Animation Platform).
-
JSX Alternative HTM 3.0 Released, with Static Subtree Caching and TypeScript Support
The Hyperscript Tagged Markup (HTM) library, which proposes an under-1KB, transpiler-free alternative to JSX, released its third major iteration. HTM 3.0 now optimizes template rendering by automatically detecting and caching static sections of a template. HTM 3.0 also provides TypeScript typing files and documentation updates.
-
CSS-in-JS Performance Cost - Mitigating Strategies
CSS-in-JS became popular in some contexts as a way to link a component logic to its styling. Aggelos Arvanitakis reminded developers about cases in which the cost of CSS-in-JS can no longer be neglected, and provided mitigating strategies.
-
CSS Architecture for Component-Based Applications
CSS architecture is a complex subject that is often overlooked by developers as it's now possible to encapsulate the CSS per component and avoid many of the pitfalls. While this 'workaround' can make the lives of developers simpler, it does so at the price of reusability and extendibility.
-
Microsoft Edge 79 to Use the Chromium Browser Engine
With the release of Edge 79, Microsoft will transition from its proprietary EdgeHTML engine to Chromium, the popular open-source engine that powers Chrome.
-
Writing Tests for CSS Is Possible! Gil Tayar at ReactiveConf 2019
Gil Tayar, senior architect and developer relations at Applitools, recently presented at ReactiveConf 2019 in Prague the specific issues behind CSS testing and how they can be addressed through methodology and tooling.
-
Four Strategies to Handle Backpressure - Jay Phelps at ReactiveConf 2019
Jay Phelps, RxJS core team member, recently presented at ReactiveConf 2019 in Prague what backpressure really is, when it happens, and the strategies which can be applied to deal with it.
-
WebExpo 2019: More Than You Ever Wanted to Know About Resource Hints
Harry Roberts, consultant front-end architect at CSS Wizardry, discussed how web pages can be made faster with Resource Hints in a recent talk at WebExpo 2019 in Prague.
-
CSS Grid Level 2 Preview: Adding Subgrid Support for Layout Inheritance
CSS Grid level 2 has gone live on Firefox nightly, providing access to the new subgrid property. The new functionality enables developers who use inner grids to relay on the parent grids column and row definitions, enabling more complex design.
-
High Performance Video Editing for the Mobile Web
Forbes Lindesay, a software developer at Threads Styling, shares his experience of creating Video Renderer, a high-performance video editor that was written for a mobile web application
-
Chrome 74 Natively Supports Lazy Loading
Google recently released Google Chrome 74 with a new experimental flag to enable native lazy loading support for images and iframes. The img and iframe HTML tags get an additional loading attribute to configure the lazy loading behaviour of the corresponding resource. Deferring load of non-visible content may reduce data usage, memory usage, and speed up above-the-fold content.
-
Experimental Trusted Types API to Combat Cross-Site Scripting Vulnerabilities
The Google Chrome team announces an experimental Trusted Types API to help combat DOM Cross-Site Scripting (XSS) security vulnerabilities. Google's Vulnerability Reward Program reports that DOM XSS is the most common XSS security variant.
-
Anime.js 3.0 Released: New Animation Options, New Documentation Website
Julian Garnier recently released Anime 3.0. The third major iteration of Anime features new animation options, ES6 module support together with a new build process, and a new showcasing website which doubles as documentation.
-
Hyperscript Tagged Markup: A JSX Alternative Based on Standard JavaScript
The Hyperscript Tagged Markup (HTM) library, which proposes an alternative to JSX, released its second major iteration. HTM 2.0 is a rewrite that is faster and smaller than HTM 1.x, has a syntax closer to JSX, and now supports Server-Side Rendering (SSR). With HTM 2.0, developers may enjoy simplified React/Preact workflows for modern browsers.
-
Linaria 1.0 Released: CSS-in-JS with No Runtime
The first major iteration of Linaria, a zero-runtime CSS-in-JS library, is now available to developers. It provides a new API to facilitate using it with React, aims at a better developer experience and build integration, and is more robust.