uncss
less.js
Our great sponsors
uncss | less.js | |
---|---|---|
5 | 41 | |
9,388 | 16,997 | |
0.2% | 0.1% | |
5.3 | 4.5 | |
24 days ago | about 1 month ago | |
JavaScript | JavaScript | |
MIT License | Apache License 2.0 |
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.
uncss
-
Optimize CSS with SAT Solving
Check out: https://github.com/uncss/uncss
I've only used it once but it did the job (NOTE: Plain HTML, plain CSS, no build pipeline. So YMMV)
-
PurgeCSS & styled-components: Does It Work?
PurgeCSS analyzes your HTML and internally keeps track of which selectors are being used or not. PurgeCSS actually analyzes other types of files besides HTML for selectors, such as template files and JavaScript. This feature is what makes PurgeCSS different from a similar solution, UnCSS, and related to a 'predecessor' solution called PurifyCSS. More on both of those later on.
-
Lessons learned from building landing pages
In the process of trying to figure out how to remove the unused code, I found out about UnCSS, a tool that removes unused CSS from your stylesheets. It can be installed by running:
-
Any tool the will scan HTML and css and show unused css rules?
Also UnCSS.
-
remove unwanted css using post css
https://github.com/uncss/uncss https://shorturl.at/yzSVX https://uncss-online.com/
less.js
-
Creating Nx Workspace with Eslint, Prettier and Husky Configuration
LESS [ https://lesscss.org ]
-
Future of CSS: Functions and Mixins
Traditionally CSS lacked features such as variables, nesting, mixins, and functions. This was frustrating for Developers as it often led to CSS quickly becoming complex and cumbersome. In an attempt to make code easier and less repetitive CSS pre-processors were born. You would write CSS in the format the pre-processor understood and, at build time, you'd have some nice CSS. The most common pre-processors these days are Sass, Less, and Stylus. Any examples I give going forward will be about Sass as that's what I'm most familiar with.
-
Modern CSS for 2024: Nesting, Layers, and Container Queries
In the past, you’d need to rely on pre-processors such as SaSS or Less, but not anymore… Native CSS nesting has landed on all major modern browsers.
-
Maximize Web Performance with CSS Optimization Techniques
Consider using CSS preprocessors like Sass or Less not only for better code organization but also for potential performance improvements.
-
An Overview of 25+ UI Component Libraries in 2023
Extensions of CSS: for example, Sass, Less, Tailwind, CSS Modules, to make stuff look a certain way on your own.
-
Let's Make Learning Frontend Great Again!
LiveCodes provides many of the commonly used developer tools. These include Monaco editor (that powers VS Code), Prettier, Emmet, Vim/Emacs modes, Babel, TypeScript, SCSS, Less, PostCSS, Jest and Testing Library, among others. All these tools run seamlessly in the browser without any installations or configurations. It feels like a very light-weight version of your own local development environment including the keyboard shortcuts, IntelliSense and code navigation features.
-
Why Use Sass?
LESS
-
CSS: The Good Parts
The CSS Working Group had been aware of the need for CSS variables since its inception in 1997. By the late 2000s, developers had created various workarounds like custom PHP scripts and preprocessors like Less and Sass to compensate for this deficiency.
-
GPT-4 is becoming too real.
He could do with LESS
-
Vanilla+PostCSS as an Alternative to SCSS
While we may disagree whether Sass is still relevant today, Mayank's case for using Sass in 2022 sums up the many use cases for Sass/SCSS including a timeline from 2006 (Sass) to "2022+" (nesting). Nesting CSS used to one of the few good reasons left to choose Sass, SCSS (or less) in a new web project.
What are some alternatives?
purgecss - Remove unused CSS
JSS - JSS is an authoring tool for CSS which uses JavaScript as a host language.
Tailwind CSS - A utility-first CSS framework for rapid UI development.
Bulma - Modern CSS framework based on Flexbox
Sass - Sass makes CSS fun!
purifycss - Remove unused CSS. Also works with single-page apps.
Senpwai - A desktop app for tracking and batch downloading anime
stellar-photos - Beautiful hi-res photos in your browser tabs - Available for the desktop versions of Chrome, Firefox, Microsoft Edge, Opera, Vivaldi, Brave, and other Chromium browsers.
css-loader - CSS Loader
css-modules - Documentation about css-modules