Polyfill for CSS position: sticky

This article is not intended for seasoned React pros, but rather, those of us who make websites for a living and are curious how React can help us reason about updating user interfaces. I’ve been intrigued by React for some time, and now that it has gained some standing in the community as well as good reviews, the time to learn it seemed justified. There are so many new technologies constantly emerging in front end development that it’s sometimes hard to know if effort into learning something new will pay off. I’ll spend this article going over what I think some of the most valuable practical takeaways are so that you can get started.

A ponyfill that provides client-side support for CSS custom properties (aka "CSS variables") in legacy browsers

🍿 A cross-browser library of CSS animations. As easy to use as an easy thing.

A Single Div:  a CSS drawing project by Lynn Fisher

Stylelint rule for setting minimum and maximum constraint value for z-index.

certainlyakey starred ZeeCoder/container-query

Dropbox’s (S)CSS authoring style guide

Welcome to Scooter: an SCSS framework built to provide base styles, CSS components, and rapid static prototyping for Dropbox.

💈 Shave is a 0 dep JS plugin that truncates text to fit within an element based on a set max-height ✁

A jQuery Masonry lightweight alternative with CSS-driven configuration.

PostCSS plugin that updates the standard object-fit tag to work with the object-fit-images polyfill for browsers that do not natively support object-fit.

Article here — https://medium.com/@nocreativity/manage-your-critical-css-with-this-postcss-plugin-6be1ca226c06

If you are using rem (instead of px) as 1px solution or for other purposes, you should need a stylelint rule to enforce using rem. Thats it.

A stylelint plugin that enforces either variables ($sass, @less, var(--cssnext)), functions or custom CSS keywords (inherit, none, etc.) for property's values.

Certain property value pairs rule out other property value pairs, causing them to be ignored by the browser. For example, when an element has display: inline, any further declarations about width, height and margin-top properties will be ignored. Sometimes this is confusing: maybe you forgot that your margin-top will have no effect because the element has display: inline, so you spend a while struggling to figure out what you've done wrong. This rule protects against that confusion by ensuring that within a single rule you don't use property values that are ruled out by other property values in that same rule.

Turns on additional rules to enforce the common stylistic conventions found within a handful of CSS styleguides, including: The Idiomatic CSS Principles, GitHub's PrimerCSS Guidelines, Google's CSS Style Guide, Airbnb's Styleguide, and @mdo's Code Guide.

It favours flexibility over strictness for things like multi-line lists and single-line rulesets, and tries to avoid potentially divisive rules.

SassCast has a strict mode in which it will throw errors when failing to cast values (most notably to colors and numbers).

Create fast loading, highly readable, and 100% responsive interfaces with as little css as possible.

Pure Node.js Sass linting