InfoQ Homepage Web Development Content on InfoQ
-
Adobe Open-Sources Adaptive, Accessible Color Palettes Generator
Nate Baldwin, designer @Adobe’s design system Spectrum, released Leonardo 1.0, an open source color generator. Leonardo strives to enhance designer productivity and end-user experience by automating the creation of accessible, adaptive color systems using contrast-ratio based generated colors. Leonardo also supports full theme generation and is intended for both designers and engineers.
-
WebDriverIO Version 6 Release Adds Native Chrome DevTools Automation Protocol Support
The recent release of WebDriverIO version 6, a browser test automation framework for Node.js, adds Chrome DevTools protocol testing to its existing support for WebDriver and makes it easier to leverage tools like Puppeteer and Cypress.io.
-
Google's MediaPipe Machine Learning Framework Web-Enabled with WebAssembly
Google recently presented MediaPipe graphs for browsers, enabled by WebAssembly and accelerated by the XNNPack ML Inference Library. As previously demonstrated on mobile (Android, iOS), MediaPipe graphs allow developers to build and run machine-learning (ML) pipelines, to achieve complex tasks.
-
Facebook Introduces Rome Experimental JavaScript Toolchain
Rome is an experimental JavaScript toolchain created by Babel and yarn creator Sebastian McKenzie and the React Native team at Facebook. Rome includes a compiler, linter, formatter, bundler, and testing framework, aiming to be "a comprehensive tool for anything related to the processing of JavaScript source code."
-
Web Components at Scale at Salesforce: Challenges Encountered, Lessons Learnt
Diego Ferreiro Val, principal architect at Salesforce, co-creator of Lightning Web Components (LWC), talked at WebComponentsSF about the challenges and lessons in building a platform leveraging web components at enterprise scale. Albeit with missing pieces, the web components standard was instrumental to achieve Salesforce’s interoperability, backward and forward compatibility objectives at scale.
-
Babel 7.9 Reduces Bundle Sizes, Adds TypeScript 3.8 Support
The Babel 7.9 release decreases default bundle sizes when using the module/nomodule pattern and adds support for TypeScript 3.8 and its type-only imports and exports. Babel 7.9 also improves optimizations for JSX transforms and adds experimental parser support for the ES Record & Tuple proposal.
-
Next.js 9.3 Released, Improves Static Site Generation
The Next.js team recently released Next.js 9.3, featuring improved static website generation and preview and adding Sass support, while shipping a smaller runtime.
-
Chrome Phasing out Support for User Agent
Google announced its decision to drop support for the User-Agent string in its Chrome browser. Instead, Chrome will offer a new API called Client Hints that will give the user greater control over which information is shared with websites.
-
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.
-
Prettier 2.0 Supports Typescript 3.8, Improves CLI
The opinionated code formatter Prettier recently released its second major iteration. Prettier 2.0 adds support for TypeScript 3.8. The new Prettier also strives to provide better defaults, a better CLI and better heuristics.
-
Material-UI 4.9 Release Improves Support for Material Design Specification
Material-UI, a React UI framework, recently released version 4.9.0 with dozens of improvements to UI components and better alignment with the Material Design specification. This release added or resolved inconsistencies with hover across several key UI components including the IconButton, ListItem, and TableRow. The release resolves dozens of smaller inconsistencies and makes refinements.
-
Adaptive Loading for a Faster Web
The Google Chrome team recently introduced Adaptive Loading, an exploration for loading and rendering the most suitable version of a component based on network speed, CPU, memory, and other web platform signals.
-
Airbnb Transfers Ownership of Enzyme, Its React Testing Library
Airbnb transferred ownership of Enzyme, its React testing library, to the new enzymejs GitHub organization. Airbnb nonetheless plans to continue to use and contribute to Enzyme.
-
Chrome 81 Release Features New AR and NFC Features, and Redesigned HTML Form Controls
Google recently released Chrome 81 on desktop and mobile phones. This latest release provides new augmented reality (AR) features and new NFC features, and also shipped with redesigned HTML form controls. The redesign aims at improving the look and feel of form controls, and providing better accessibility and touch support.
-
JavaScript Face Detection with face-api.js
The face-api.js JavaScript module implements convolutional neural networks to solve for face detection and recognition of faces and face landmarks. The face-api.js leverages TensorFlow.js and is optimized for the desktop and mobile web.