InfoQ Homepage CSS Content on InfoQ
-
Firefox 72 Released with Better Privacy, User Experience and a Four-Week Release Cycle
The Firefox browser shipped new versions in 2020 which strive to improve privacy, user experience, and JavaScript and WebAPI support. Additionally, Mozilla will now release new Firefox versions on a monthly cycle.
-
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).
-
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.
-
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.
-
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.
-
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.
-
JetBrains Releases React-Based "Ring UI" 1.0 Web UI Components
The RingUI 1.0 release introduces a new visual language for components within light and dark environments, adds support for CSS properties and modules, and adds new Message, Tabs, and Toggle components.
-
Webhint Open Source Linting Tool for Detecting Issues with Accessibility, Performance, and Security
The webhint project provides an open source linting tool to check for issues with accessibility, performance, and security. The creation of websites and web apps has an increasing number of details to perfect, and webhint strives to help developers remember these details.
-
Mozilla Firefox 62 Brings Dark Theme on macOS, Variable Fonts and More
Mozilla has released Firefox 62. This version brings variable fonts, automatic dark theme on macOS Mojave, improved scrolling on Android, and more.
-
Bootstrap 4 Released, But It May Be Unnecessary
After three years in development, the front-end framework Bootstrap 4 has been released. But it emerges into a world with a dramatically different web than existed when Mark Otto made the first commit, leading some developers to question if it's even necessary.
-
Updates to Google Chrome DevTools
The upcoming version of Chrome DevTools has a number of new features that can help developers build faster web pages and have an easier time debugging complex asynchronous code. At Google I/O 2017, Paul Irish presented a State of the Union showcasing a number of these new features.