InfoQ Homepage CSS Content on InfoQ
-
Minze, a Minimalistic JS Library for Creating Web Components
Minze is a modern JavaScript library that abstracts many of the difficulties of writing Web Components with a minimal overhead (2kb minified and compressed) and good developer ergonomics.
-
Comparative Study of 11 CSS-in-JS Libraries - Andrei Pfeiffer at React Finland 2021
Andrei Pfeiffer recently presented the results of a comparative study of 11 CSS-in-JS libraries. In his talk at React Finland 2021, Pfeiffer focused on the distinction between static and runtime CSS-in-JS libraries and further explained how each category and browser caching relate to performance.
-
Streamlining the Handoff between Designers and Developers - Travis Arnold at React Finland 2021
Travis Arnold recently presented how JSX and compiler technologies can be used conjointly to make the handoff between designers and developers more efficient. While the ideas presented are not yet implemented in any publicly available tool or library, the ideas of Arnold, who describes himself as a designer/developer, may serve to illustrate possible avenues for improved collaboration.
-
Facebook CSS-in-JS Solution Stylex Introduced at React Finland 2021
Naman Goel, software engineer at Facebook, recently presented Stylex at React Finland 2021. Stylex is Facebook’s custom CSS-in-JS solution used for the new facebook.com website. StyleX alleviates key pain points of CSS-in-JS for large React applications (unused styles, large CSS files, CSS-in-JS library size). Goel anticipates that Stylex will be open-sourced by the end of 2021.
-
Ionic Portals Aims to Simplify the Integration of Web Apps into iOS and Android Native Code
Ionic describes its new web view component, Ionic Portals, as a "supercharged" version of the native web view controls available on iOS and Android. It aims to make it easier for developers to integrate web apps with native code in an efficient way.
-
Charts.CSS, a Pure CSS Charting Library
Charts.css is a new data visualization library that relies solely on CSS and HTML. By avoiding the use of JavaScript/Canvas, it avoids many of the accessibility challenges in existing solutions while keeping the bundle size under 10KB when minified and gzipped.
-
Web Almanac Mega Study Reveals That Popular Front-End Frameworks Are Still a Small Part of the Web
The HTTP Archive finalized the Web Almanac 2020, an annual report on the state of the web. The report gathers its conclusions in 22 chapters organized in four sections (e.g, page content, user experience, content publishing and distribution): jQuery is still 80% of the web; CSS Houdini is seldom used; the median website ships 400 KB of JavaScript in 2020, 14% more than in 2019; and many more.
-
Vue 3 Experiments with Native CSS Variables Template Integration
Vue 3 shipped in September last year in what was a huge release that followed two years of work. Vue developers can now declaratively describe in single-file component templates how component state relates to component style. The experimental feature relies on CSS variables, a native feature in modern browsers, that has been used to implement framework-independent design systems.
-
Tailwind CSS V2.0 - First Major Update
Tailwind CSS, a popular utility framework, recently received its first major update, which offers significant improvements, including dark mode support, extended color palette, improved form support, and many other features that were requested by the community.
-
Best Practices for Web Developers with Webhint - Rachel Simone Weil at OpenJS World
Rachel Simone Weil, product manager for the new Microsoft Edge’s developer tools, recently gave a talk at OpenJS world addressing how the webhint tool suite supports web developers in implementing best practices.
-
Ionic Introduces Improved Customization with Shadow Parts
The Ionic Framework recently adopted an upcoming W3C specification titled CSS Shadow Parts that addresses the current limitations with CSS modifications within Web Components.
-
Bootstrap 5 Removes jQuery Dependency
The new Bootstrap 5 removes jQuery and no longer supports Internet Explorer (IE).
-
Accessible Adaptive Design Systems with Microsoft's New FAST Framework
Rob Eisenberg recently introduced the FAST Framework. FAST allows developers to create their own design system and web component libraries by customizing styles and properties. FAST uses an adaptive color system that meets accessibility contrast requirements, supports color theming, and provides a perceptually uniform UI across different background colors – with little input from developers.
-
Web Animations API Now Supported in All Evergreen Browsers
With the release of Safari 13.1, the Web Animations API now ships with all evergreen browsers.
-
Beyond Responsive Design, Responsive Websites - Kilian Valkhof at HalfStack
Kilian Valkhof, creator of the web-developer-focused Polypane browser, presented at the HalfStack conference new ways that web developers and designers can provide better user experience by going a step beyond responsive design. Using recent additions to browsers, developers and designers can also respond to user preferences, the user environment, the network condition, and device capabilities.