wallace-cli
Pretty CSS analytics on the CLI (by bartveneman)
container-query-polyfill
A polyfill for CSS Container Queries (by GoogleChromeLabs)
Our great sponsors
wallace-cli | container-query-polyfill | |
---|---|---|
2 | 7 | |
518 | 1,112 | |
1.9% | 1.3% | |
5.0 | 0.0 | |
8 months ago | about 2 months ago | |
JavaScript | TypeScript | |
MIT License | Apache License 2.0 |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
wallace-cli
Posts with mentions or reviews of wallace-cli.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2022-05-10.
-
Web Directions Hover 2022 Day 1 notes
Wallace CLI: can run in CI
-
Tools for Auditing CSS
One of my favorite CLI tools is Wallace. Once installed, type wallace and then the site name. The output shows everything you need to know about the CSS code for the site. My favorite things to look at are the number of times !important is used, as well as how many IDs are in the code. Another neat piece of information is the top specificity number and how many selectors use it. These might be red flags for "bad" code.
container-query-polyfill
Posts with mentions or reviews of container-query-polyfill.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2022-09-01.
-
is there some sort of local responsive property I can use? I want to make a component responsive according to the container size (not the window size)
https://github.com/GoogleChromeLabs/container-query-polyfill There is a polyfill that should make this simple, but I haven't tried it.
- Google's Container Query Polyfill
-
Understanding and using the new CSS style queries
For now, there are no polyfills available for style queries. The only polyfill that exists for container queries only covers container size queries, but nothing has been done yet for container style queries at the time of writing.
-
Web Directions Hover 2022 Day 1 notes
Google Chrome Labs has produced a polyfill for container queries. Only supports px-based queries. No support yet for container-relative units.
-
CSS grid system for future web - Fluid Grid
Here I am two years later with reworked solution, which is pure CSS based. For now, it requires Container queries polyfill. Fortunately, there has been one, done by Surma (Google dev)
- Google Chrome Labs' Container Query Polyfill
-
Container Queries
And also it's related polyfill: https://github.com/GoogleChromeLabs/container-query-polyfill
What are some alternatives?
When comparing wallace-cli and container-query-polyfill you can also consider the following projects:
css-analyzer - Analytics for CSS
csswg-drafts - CSS Working Group Editor Drafts
constyble - CSS complexity linter
fluid-grid
flexboxfroggy - A game for learning CSS flexbox 🐸