InfoQ Homepage CSS Content on InfoQ
-
CSS Containment Now a Web Standard
The CSS Working Group recently published the CSS Containment Module Level 1 as a new web standard. This CSS module specifies the contain property, which can be used to indicate elements whose subtree is independent of the rest of the page in some manner. That independence may then be used by user agents to render web pages faster by skipping subtrees.
-
Electron 8 Releases Introduce Caller Stack Logging, HTTP Parsing Alternative
The recent Electron 8.0, 8.1, and 8.2 releases make significant improvements to their framework for building cross-platform desktop apps with JavaScript, HTML, and CSS. Highlights in these releases include a performance boost in communication between main and renderer processes, better control over call stack, the addition of an HTTP parsing NODE_OPTION in a packaged Electron app, and more.
-
Facebook's CSS-in-JS Approach - Frank Yan at React Conf 2019
Frank Yan discussed at React Conf some of the technologies and strategies powering FB5, the new facebook.com, addressing topics such as Facebook’s approach to CSS-in-JS.
-
108 Common DOM Tasks in Vanilla JS: the HTML DOM Project
The open-source project HTML DOM provides over 100 snippets of vanilla JavaScript performing common DOM manipulation tasks. The tasks' difficulty range from trivial (get the class of an element) to advanced (create resizable split views). The project may be useful for educational purposes, and for component developers who need to do low-level DOM handling themselves.
-
Safari 13.1 Released
Safari 13.1 was recently released for macOS Catalina, iPadOS, iOS, and watchOS. Safari 13.1 strives to improve on the WebKit engine, privacy, performance, and web developer experience.
-
CSS Writing Modes Now an Official Web Standard
The World Wide Web Consortium (W3C) recently announced that CSS Writing Modes Level 3 is now an official web standard. The new CSS standard enables developers to configure texts to be laid out horizontally or vertically, as well as to set the direction in which lines are stacked. Thanks to CSS Writing Modes, content in a large number of languages can be natively displayed.
-
Tailwind CSS 1.2 Release Adds CSS Grid Support
Tailwind CSS, a low-level CSS framework, recently released Tailwind CSS version 1.2, adding support for CSS Grid Layout, CSS Transitions, and CSS Transforms.
-
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.